Generator
Shooting Stars

Randomizes and generates SVGs based on selected templates.
Controls

Shooting Stars
Template
Width
Height
Background mode
Simple
Transparent
Gradient
Shape amount
Animation
Animation speed
Value
Current speed: 0.80x
Symbol colors
Color 1
Pick
Alpha
Color 2
Pick
Alpha
Color 3
Pick
Alpha
Color 4
Pick
Alpha
Live Preview

1440 x 560
Code Export

<script setup lang="ts">
import { computed } from 'vue'

const componentName = 'ShootingStarsSvg'
const defaultColors = [
    'rgb(0, 132, 10)',
    'rgb(224, 190, 9)',
    'rgb(243, 52, 52)',
    'rgb(255, 255, 255)'
] as const

const props = withDefaults(defineProps<{
    colors?: string[]
}>(), {
    colors: () => [...defaultColors]
})

const markup = computed(() => {
    let svg = `<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="560" viewBox="0 0 1440 560" fill="none">
  <defs></defs>
  
  <circle cx="946" cy="467" r="1.30" fill="__COLOR_1__" fill-opacity="0.819"><animate attributeName="opacity" dur="1.76s" values="0.819;0.194;0.819" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-4 -3;-7 -2;0 0" dur="6.51s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.050;0.949;1" dur="5.38s" repeatCount="indefinite" /></circle><g transform="translate(946 467) rotate(-25)"><line x1="0" y1="0" x2="133" y2="0" stroke="__COLOR_1__" stroke-width="1.23" stroke-linecap="round" opacity="0.440"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="4.14s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.440;0" dur="4.14s" repeatCount="indefinite" /></line></g><circle cx="1424" cy="112" r="1.31" fill="__COLOR_2__" fill-opacity="0.593"><animate attributeName="opacity" dur="3.71s" values="0.593;0.338;0.593" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-6 -5;-5 -4;0 0" dur="9.19s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.087;0.896;1" dur="9.05s" repeatCount="indefinite" /></circle><circle cx="1050" cy="20" r="2.84" fill="__COLOR_2__" fill-opacity="0.507"><animate attributeName="opacity" dur="2.23s" values="0.507;0.160;0.507" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-2 -1;-2 -2;0 0" dur="11.05s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.107;0.909;1" dur="10.92s" repeatCount="indefinite" /></circle><circle cx="1310" cy="182" r="1.29" fill="__COLOR_2__" fill-opacity="0.368"><animate attributeName="opacity" dur="1.59s" values="0.368;0.318;0.368" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-2 2;-3 3;0 0" dur="7.98s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.129;0.916;1" dur="7.37s" repeatCount="indefinite" /></circle><circle cx="658" cy="345" r="2.77" fill="__COLOR_2__" fill-opacity="0.788"><animate attributeName="opacity" dur="2.85s" values="0.788;0.365;0.788" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-1 -2;-1 -3;0 0" dur="4.99s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.024;0.899;1" dur="12.21s" repeatCount="indefinite" /></circle><circle cx="1067" cy="5" r="2.12" fill="__COLOR_0__" fill-opacity="0.649"><animate attributeName="opacity" dur="4.12s" values="0.649;0.225;0.649" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;5 1;8 1;0 0" dur="7.77s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.066;0.905;1" dur="12.49s" repeatCount="indefinite" /></circle><circle cx="445" cy="413" r="0.89" fill="__COLOR_0__" fill-opacity="0.501"><animate attributeName="opacity" dur="3.48s" values="0.501;0.152;0.501" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-5 -3;-5 -5;0 0" dur="4.61s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.101;0.906;1" dur="9.45s" repeatCount="indefinite" /></circle><circle cx="63" cy="446" r="0.76" fill="__COLOR_3__" fill-opacity="0.561"><animate attributeName="opacity" dur="1.86s" values="0.561;0.326;0.561" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;5 -1;6 -1;0 0" dur="10.28s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.034;0.994;1" dur="11.67s" repeatCount="indefinite" /></circle><g transform="translate(63 446) rotate(-25)"><line x1="0" y1="0" x2="124" y2="0" stroke="__COLOR_3__" stroke-width="1.21" stroke-linecap="round" opacity="0.636"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="5.17s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.636;0" dur="5.17s" repeatCount="indefinite" /></line></g><circle cx="1352" cy="22" r="1.16" fill="__COLOR_1__" fill-opacity="0.773"><animate attributeName="opacity" dur="4.20s" values="0.773;0.176;0.773" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;0 4;0 4;0 0" dur="9.24s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.102;0.915;1" dur="6.52s" repeatCount="indefinite" /></circle><circle cx="1071" cy="137" r="1.29" fill="__COLOR_1__" fill-opacity="0.581"><animate attributeName="opacity" dur="3.24s" values="0.581;0.322;0.581" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;1 -3;2 -3;0 0" dur="4.27s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.132;0.962;1" dur="9.12s" repeatCount="indefinite" /></circle><circle cx="985" cy="298" r="1.23" fill="__COLOR_2__" fill-opacity="0.600"><animate attributeName="opacity" dur="3.61s" values="0.600;0.335;0.600" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;2 -3;3 -6;0 0" dur="5.81s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.036;0.944;1" dur="10.64s" repeatCount="indefinite" /></circle><circle cx="944" cy="154" r="2.81" fill="__COLOR_1__" fill-opacity="0.783"><animate attributeName="opacity" dur="1.67s" values="0.783;0.346;0.783" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;1 -2;2 -4;0 0" dur="7.56s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.167;0.979;1" dur="12.13s" repeatCount="indefinite" /></circle><circle cx="290" cy="440" r="2.48" fill="__COLOR_2__" fill-opacity="0.493"><animate attributeName="opacity" dur="2.21s" values="0.493;0.150;0.493" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-4 0;-5 0;0 0" dur="4.05s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.109;0.910;1" dur="6.47s" repeatCount="indefinite" /></circle><circle cx="245" cy="56" r="0.96" fill="__COLOR_3__" fill-opacity="0.628"><animate attributeName="opacity" dur="4.03s" values="0.628;0.263;0.628" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;4 4;5 3;0 0" dur="11.11s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.177;0.946;1" dur="9.19s" repeatCount="indefinite" /></circle><circle cx="453" cy="373" r="2.02" fill="__COLOR_0__" fill-opacity="0.717"><animate attributeName="opacity" dur="4.02s" values="0.717;0.296;0.717" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;3 -1;5 -1;0 0" dur="8.47s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.137;0.974;1" dur="8.42s" repeatCount="indefinite" /></circle><g transform="translate(453 373) rotate(-25)"><line x1="0" y1="0" x2="178" y2="0" stroke="__COLOR_0__" stroke-width="1.77" stroke-linecap="round" opacity="0.465"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="4.94s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.465;0" dur="4.94s" repeatCount="indefinite" /></line></g><circle cx="1238" cy="499" r="1.18" fill="__COLOR_0__" fill-opacity="0.353"><animate attributeName="opacity" dur="1.27s" values="0.353;0.180;0.353" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-3 1;-5 2;0 0" dur="7.46s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.076;0.994;1" dur="10.12s" repeatCount="indefinite" /></circle><circle cx="1427" cy="440" r="1.23" fill="__COLOR_2__" fill-opacity="0.596"><animate attributeName="opacity" dur="2.85s" values="0.596;0.370;0.596" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;5 -1;4 -2;0 0" dur="5.94s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.057;0.991;1" dur="10.71s" repeatCount="indefinite" /></circle><circle cx="1314" cy="203" r="0.79" fill="__COLOR_1__" fill-opacity="0.338"><animate attributeName="opacity" dur="3.69s" values="0.338;0.219;0.338" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;2 4;3 5;0 0" dur="5.97s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.020;0.928;1" dur="5.96s" repeatCount="indefinite" /></circle><circle cx="828" cy="500" r="2.29" fill="__COLOR_2__" fill-opacity="0.615"><animate attributeName="opacity" dur="2.27s" values="0.615;0.292;0.615" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-2 2;-4 1;0 0" dur="7.86s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.194;0.902;1" dur="8.83s" repeatCount="indefinite" /></circle><circle cx="633" cy="462" r="2.42" fill="__COLOR_3__" fill-opacity="0.522"><animate attributeName="opacity" dur="2.74s" values="0.522;0.336;0.522" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-5 5;-5 4;0 0" dur="6.27s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.185;0.936;1" dur="6.58s" repeatCount="indefinite" /></circle><circle cx="26" cy="268" r="2.58" fill="__COLOR_3__" fill-opacity="0.569"><animate attributeName="opacity" dur="1.26s" values="0.569;0.388;0.569" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;5 5;4 5;0 0" dur="10.36s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.087;0.987;1" dur="11.63s" repeatCount="indefinite" /></circle><circle cx="132" cy="522" r="1.80" fill="__COLOR_2__" fill-opacity="0.484"><animate attributeName="opacity" dur="2.72s" values="0.484;0.253;0.484" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-4 -6;-6 -11;0 0" dur="9.88s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.159;0.880;1" dur="5.72s" repeatCount="indefinite" /></circle><g transform="translate(132 522) rotate(-25)"><line x1="0" y1="0" x2="85" y2="0" stroke="__COLOR_2__" stroke-width="1.74" stroke-linecap="round" opacity="0.497"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="4.33s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.497;0" dur="4.33s" repeatCount="indefinite" /></line></g><circle cx="197" cy="389" r="2.92" fill="__COLOR_1__" fill-opacity="0.420"><animate attributeName="opacity" dur="2.88s" values="0.420;0.366;0.420" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;3 3;3 5;0 0" dur="9.60s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.094;0.956;1" dur="9.95s" repeatCount="indefinite" /></circle><circle cx="435" cy="169" r="2.32" fill="__COLOR_0__" fill-opacity="0.506"><animate attributeName="opacity" dur="3.59s" values="0.506;0.356;0.506" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-2 3;-2 2;0 0" dur="6.82s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.204;0.898;1" dur="10.31s" repeatCount="indefinite" /></circle><circle cx="1175" cy="193" r="1.28" fill="__COLOR_1__" fill-opacity="0.576"><animate attributeName="opacity" dur="4.37s" values="0.576;0.319;0.576" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;0 -3;0 -5;0 0" dur="6.80s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.032;0.891;1" dur="5.94s" repeatCount="indefinite" /></circle><circle cx="766" cy="338" r="1.84" fill="__COLOR_2__" fill-opacity="0.487"><animate attributeName="opacity" dur="3.93s" values="0.487;0.239;0.487" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;3 -2;5 -3;0 0" dur="4.79s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.049;0.990;1" dur="8.54s" repeatCount="indefinite" /></circle><circle cx="461" cy="498" r="1.76" fill="__COLOR_2__" fill-opacity="0.534"><animate attributeName="opacity" dur="1.81s" values="0.534;0.194;0.534" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;0 5;0 4;0 0" dur="5.96s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.219;0.882;1" dur="8.13s" repeatCount="indefinite" /></circle><circle cx="288" cy="49" r="1.80" fill="__COLOR_2__" fill-opacity="0.737"><animate attributeName="opacity" dur="4.32s" values="0.737;0.204;0.737" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;0 1;0 2;0 0" dur="6.01s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.134;0.945;1" dur="6.52s" repeatCount="indefinite" /></circle><circle cx="629" cy="181" r="2.16" fill="__COLOR_2__" fill-opacity="0.535"><animate attributeName="opacity" dur="4.18s" values="0.535;0.380;0.535" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-4 -5;-5 -5;0 0" dur="5.53s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.090;0.959;1" dur="11.34s" repeatCount="indefinite" /></circle><g transform="translate(629 181) rotate(-25)"><line x1="0" y1="0" x2="156" y2="0" stroke="__COLOR_2__" stroke-width="2.16" stroke-linecap="round" opacity="0.561"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="5.18s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.561;0" dur="5.18s" repeatCount="indefinite" /></line></g><circle cx="731" cy="555" r="2.02" fill="__COLOR_1__" fill-opacity="0.589"><animate attributeName="opacity" dur="1.51s" values="0.589;0.317;0.589" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-2 1;-2 1;0 0" dur="6.84s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.198;0.987;1" dur="11.02s" repeatCount="indefinite" /></circle><circle cx="40" cy="305" r="1.91" fill="__COLOR_0__" fill-opacity="0.804"><animate attributeName="opacity" dur="3.90s" values="0.804;0.129;0.804" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-2 1;-2 2;0 0" dur="4.56s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.103;0.951;1" dur="6.11s" repeatCount="indefinite" /></circle><circle cx="296" cy="455" r="2.14" fill="__COLOR_0__" fill-opacity="0.685"><animate attributeName="opacity" dur="1.64s" values="0.685;0.205;0.685" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;5 -6;4 -6;0 0" dur="4.89s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.021;0.886;1" dur="11.45s" repeatCount="indefinite" /></circle><circle cx="881" cy="66" r="2.63" fill="__COLOR_1__" fill-opacity="0.839"><animate attributeName="opacity" dur="3.95s" values="0.839;0.291;0.839" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;1 -1;2 -2;0 0" dur="8.36s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.075;0.960;1" dur="8.18s" repeatCount="indefinite" /></circle><circle cx="487" cy="118" r="1.32" fill="__COLOR_3__" fill-opacity="0.370"><animate attributeName="opacity" dur="3.87s" values="0.370;0.194;0.370" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-1 -3;-1 -3;0 0" dur="8.87s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.179;0.919;1" dur="7.64s" repeatCount="indefinite" /></circle><circle cx="1039" cy="320" r="2.04" fill="__COLOR_1__" fill-opacity="0.805"><animate attributeName="opacity" dur="4.32s" values="0.805;0.157;0.805" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-4 -3;-6 -5;0 0" dur="5.44s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.121;0.998;1" dur="8.41s" repeatCount="indefinite" /></circle><circle cx="1011" cy="144" r="1.70" fill="__COLOR_1__" fill-opacity="0.522"><animate attributeName="opacity" dur="2.71s" values="0.522;0.293;0.522" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-1 -5;-2 -3;0 0" dur="6.50s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.109;0.986;1" dur="6.82s" repeatCount="indefinite" /></circle><g transform="translate(1011 144) rotate(-25)"><line x1="0" y1="0" x2="134" y2="0" stroke="__COLOR_1__" stroke-width="1.91" stroke-linecap="round" opacity="0.542"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="4.79s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.542;0" dur="4.79s" repeatCount="indefinite" /></line></g><circle cx="1340" cy="220" r="1.27" fill="__COLOR_0__" fill-opacity="0.545"><animate attributeName="opacity" dur="4.04s" values="0.545;0.225;0.545" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-3 2;-5 3;0 0" dur="10.08s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.163;0.997;1" dur="5.81s" repeatCount="indefinite" /></circle><circle cx="1275" cy="5" r="0.73" fill="__COLOR_2__" fill-opacity="0.351"><animate attributeName="opacity" dur="3.13s" values="0.351;0.347;0.351" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;0 -2;0 -3;0 0" dur="8.62s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.055;0.882;1" dur="12.47s" repeatCount="indefinite" /></circle><circle cx="590" cy="358" r="0.74" fill="__COLOR_1__" fill-opacity="0.360"><animate attributeName="opacity" dur="2.39s" values="0.360;0.218;0.360" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-5 -2;-4 -3;0 0" dur="4.12s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.008;0.937;1" dur="10.42s" repeatCount="indefinite" /></circle><circle cx="577" cy="32" r="2.60" fill="__COLOR_1__" fill-opacity="0.817"><animate attributeName="opacity" dur="3.25s" values="0.817;0.207;0.817" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-2 -3;-3 -4;0 0" dur="7.60s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.129;0.951;1" dur="5.87s" repeatCount="indefinite" /></circle><circle cx="857" cy="77" r="2.93" fill="__COLOR_2__" fill-opacity="0.629"><animate attributeName="opacity" dur="3.50s" values="0.629;0.349;0.629" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-3 0;-5 0;0 0" dur="8.52s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.103;0.949;1" dur="8.12s" repeatCount="indefinite" /></circle><circle cx="1276" cy="365" r="1.47" fill="__COLOR_1__" fill-opacity="0.787"><animate attributeName="opacity" dur="3.08s" values="0.787;0.280;0.787" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;3 4;4 7;0 0" dur="5.86s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.200;0.933;1" dur="5.69s" repeatCount="indefinite" /></circle><circle cx="621" cy="308" r="1.78" fill="__COLOR_0__" fill-opacity="0.673"><animate attributeName="opacity" dur="1.39s" values="0.673;0.368;0.673" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;3 1;3 1;0 0" dur="6.66s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.132;0.922;1" dur="9.55s" repeatCount="indefinite" /></circle><g transform="translate(621 308) rotate(-25)"><line x1="0" y1="0" x2="123" y2="0" stroke="__COLOR_0__" stroke-width="1.50" stroke-linecap="round" opacity="0.415"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="5.84s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.415;0" dur="5.84s" repeatCount="indefinite" /></line></g><circle cx="1337" cy="446" r="1.68" fill="__COLOR_3__" fill-opacity="0.364"><animate attributeName="opacity" dur="2.22s" values="0.364;0.211;0.364" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;3 6;3 5;0 0" dur="9.46s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.108;0.941;1" dur="9.86s" repeatCount="indefinite" /></circle><circle cx="238" cy="479" r="2.05" fill="__COLOR_2__" fill-opacity="0.551"><animate attributeName="opacity" dur="3.82s" values="0.551;0.159;0.551" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-2 1;-2 1;0 0" dur="7.18s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.059;0.909;1" dur="6.51s" repeatCount="indefinite" /></circle><circle cx="1203" cy="149" r="1.28" fill="__COLOR_1__" fill-opacity="0.791"><animate attributeName="opacity" dur="3.67s" values="0.791;0.227;0.791" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-5 -2;-8 -3;0 0" dur="10.79s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.049;0.991;1" dur="12.45s" repeatCount="indefinite" /></circle><circle cx="1117" cy="128" r="2.44" fill="__COLOR_0__" fill-opacity="0.496"><animate attributeName="opacity" dur="2.65s" values="0.496;0.202;0.496" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;4 3;6 6;0 0" dur="9.00s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.021;0.930;1" dur="7.88s" repeatCount="indefinite" /></circle><circle cx="1199" cy="119" r="2.38" fill="__COLOR_0__" fill-opacity="0.832"><animate attributeName="opacity" dur="1.87s" values="0.832;0.381;0.832" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;1 -4;1 -4;0 0" dur="9.18s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.118;0.887;1" dur="10.42s" repeatCount="indefinite" /></circle><circle cx="471" cy="418" r="1.03" fill="__COLOR_2__" fill-opacity="0.561"><animate attributeName="opacity" dur="3.95s" values="0.561;0.226;0.561" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;4 2;3 1;0 0" dur="3.82s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.212;0.888;1" dur="7.75s" repeatCount="indefinite" /></circle><circle cx="525" cy="27" r="1.95" fill="__COLOR_0__" fill-opacity="0.506"><animate attributeName="opacity" dur="3.87s" values="0.506;0.298;0.506" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;1 3;1 2;0 0" dur="5.39s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.141;0.932;1" dur="9.83s" repeatCount="indefinite" /></circle><g transform="translate(525 27) rotate(-25)"><line x1="0" y1="0" x2="170" y2="0" stroke="__COLOR_0__" stroke-width="2.88" stroke-linecap="round" opacity="0.461"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="5.48s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.461;0" dur="5.48s" repeatCount="indefinite" /></line></g><circle cx="920" cy="94" r="1.08" fill="__COLOR_3__" fill-opacity="0.388"><animate attributeName="opacity" dur="2.88s" values="0.388;0.367;0.388" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-3 -3;-3 -5;0 0" dur="5.26s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.161;0.962;1" dur="9.74s" repeatCount="indefinite" /></circle><circle cx="1343" cy="519" r="2.11" fill="__COLOR_3__" fill-opacity="0.653"><animate attributeName="opacity" dur="1.39s" values="0.653;0.174;0.653" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;5 1;4 1;0 0" dur="4.63s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.143;0.981;1" dur="11.19s" repeatCount="indefinite" /></circle><circle cx="216" cy="329" r="2.64" fill="__COLOR_1__" fill-opacity="0.690"><animate attributeName="opacity" dur="2.76s" values="0.690;0.351;0.690" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-2 2;-1 3;0 0" dur="9.35s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.105;0.925;1" dur="8.06s" repeatCount="indefinite" /></circle><circle cx="1128" cy="143" r="2.12" fill="__COLOR_2__" fill-opacity="0.450"><animate attributeName="opacity" dur="4.07s" values="0.450;0.224;0.450" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-1 2;-1 1;0 0" dur="7.71s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.019;0.975;1" dur="10.85s" repeatCount="indefinite" /></circle><circle cx="878" cy="497" r="1.64" fill="__COLOR_3__" fill-opacity="0.799"><animate attributeName="opacity" dur="4.15s" values="0.799;0.399;0.799" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;4 2;6 4;0 0" dur="10.63s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.049;0.995;1" dur="7.41s" repeatCount="indefinite" /></circle><circle cx="730" cy="517" r="1.24" fill="__COLOR_0__" fill-opacity="0.570"><animate attributeName="opacity" dur="2.89s" values="0.570;0.289;0.570" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-4 -2;-4 -3;0 0" dur="7.48s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.209;0.906;1" dur="6.85s" repeatCount="indefinite" /></circle><circle cx="382" cy="232" r="0.71" fill="__COLOR_1__" fill-opacity="0.522"><animate attributeName="opacity" dur="1.84s" values="0.522;0.256;0.522" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-4 1;-6 1;0 0" dur="5.76s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.097;0.933;1" dur="10.79s" repeatCount="indefinite" /></circle><g transform="translate(382 232) rotate(-25)"><line x1="0" y1="0" x2="226" y2="0" stroke="__COLOR_1__" stroke-width="2.04" stroke-linecap="round" opacity="0.467"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="4.65s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.467;0" dur="4.65s" repeatCount="indefinite" /></line></g><circle cx="1242" cy="290" r="2.62" fill="__COLOR_1__" fill-opacity="0.365"><animate attributeName="opacity" dur="4.11s" values="0.365;0.277;0.365" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-1 -3;-2 -3;0 0" dur="8.68s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.157;0.957;1" dur="8.86s" repeatCount="indefinite" /></circle><circle cx="1323" cy="268" r="1.52" fill="__COLOR_3__" fill-opacity="0.471"><animate attributeName="opacity" dur="2.55s" values="0.471;0.353;0.471" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;6 -5;8 -4;0 0" dur="7.56s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.144;0.945;1" dur="8.56s" repeatCount="indefinite" /></circle><circle cx="88" cy="272" r="1.33" fill="__COLOR_0__" fill-opacity="0.371"><animate attributeName="opacity" dur="1.80s" values="0.371;0.335;0.371" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;2 -6;4 -5;0 0" dur="8.91s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.205;0.944;1" dur="7.62s" repeatCount="indefinite" /></circle><circle cx="893" cy="330" r="1.54" fill="__COLOR_3__" fill-opacity="0.693"><animate attributeName="opacity" dur="3.72s" values="0.693;0.353;0.693" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-1 -6;-1 -9;0 0" dur="9.42s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.168;0.925;1" dur="8.77s" repeatCount="indefinite" /></circle><circle cx="67" cy="109" r="1.65" fill="__COLOR_0__" fill-opacity="0.475"><animate attributeName="opacity" dur="3.37s" values="0.475;0.203;0.475" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;5 4;7 5;0 0" dur="6.26s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.018;0.924;1" dur="9.83s" repeatCount="indefinite" /></circle><circle cx="1322" cy="351" r="2.69" fill="__COLOR_0__" fill-opacity="0.607"><animate attributeName="opacity" dur="2.92s" values="0.607;0.434;0.607" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-2 -3;-2 -4;0 0" dur="7.26s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.129;0.927;1" dur="9.64s" repeatCount="indefinite" /></circle><circle cx="723" cy="115" r="1.48" fill="__COLOR_0__" fill-opacity="0.729"><animate attributeName="opacity" dur="1.43s" values="0.729;0.407;0.729" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;6 2;5 3;0 0" dur="4.38s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.073;0.976;1" dur="11.53s" repeatCount="indefinite" /></circle><g transform="translate(723 115) rotate(-25)"><line x1="0" y1="0" x2="168" y2="0" stroke="__COLOR_0__" stroke-width="2.32" stroke-linecap="round" opacity="0.594"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="5.25s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.594;0" dur="5.25s" repeatCount="indefinite" /></line></g><circle cx="770" cy="519" r="2.89" fill="__COLOR_0__" fill-opacity="0.764"><animate attributeName="opacity" dur="2.66s" values="0.764;0.179;0.764" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;4 -4;6 -5;0 0" dur="7.34s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.023;0.985;1" dur="5.91s" repeatCount="indefinite" /></circle><circle cx="1417" cy="168" r="2.00" fill="__COLOR_1__" fill-opacity="0.535"><animate attributeName="opacity" dur="1.90s" values="0.535;0.309;0.535" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;1 -6;1 -12;0 0" dur="11.25s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.205;0.988;1" dur="10.16s" repeatCount="indefinite" /></circle><circle cx="885" cy="220" r="1.94" fill="__COLOR_0__" fill-opacity="0.438"><animate attributeName="opacity" dur="1.96s" values="0.438;0.442;0.438" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;0 -1;0 -2;0 0" dur="8.98s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.130;0.891;1" dur="7.06s" repeatCount="indefinite" /></circle><circle cx="951" cy="111" r="1.00" fill="__COLOR_2__" fill-opacity="0.863"><animate attributeName="opacity" dur="2.52s" values="0.863;0.260;0.863" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-4 5;-3 9;0 0" dur="4.19s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.190;0.949;1" dur="8.13s" repeatCount="indefinite" /></circle><circle cx="790" cy="404" r="1.20" fill="__COLOR_2__" fill-opacity="0.457"><animate attributeName="opacity" dur="3.32s" values="0.457;0.283;0.457" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;5 3;3 4;0 0" dur="8.10s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.214;0.926;1" dur="10.97s" repeatCount="indefinite" /></circle><circle cx="720" cy="325" r="2.57" fill="__COLOR_2__" fill-opacity="0.735"><animate attributeName="opacity" dur="1.66s" values="0.735;0.137;0.735" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;6 3;11 5;0 0" dur="6.04s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.190;0.978;1" dur="10.96s" repeatCount="indefinite" /></circle><circle cx="1187" cy="165" r="1.26" fill="__COLOR_1__" fill-opacity="0.428"><animate attributeName="opacity" dur="4.01s" values="0.428;0.140;0.428" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;0 0;0 0;0 0" dur="9.23s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.196;0.950;1" dur="9.56s" repeatCount="indefinite" /></circle><g transform="translate(1187 165) rotate(-25)"><line x1="0" y1="0" x2="184" y2="0" stroke="__COLOR_1__" stroke-width="1.95" stroke-linecap="round" opacity="0.610"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="4.65s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.610;0" dur="4.65s" repeatCount="indefinite" /></line></g><circle cx="1411" cy="146" r="0.84" fill="__COLOR_1__" fill-opacity="0.862"><animate attributeName="opacity" dur="2.27s" values="0.862;0.340;0.862" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;4 1;3 1;0 0" dur="6.63s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.202;0.939;1" dur="5.02s" repeatCount="indefinite" /></circle><circle cx="684" cy="220" r="2.98" fill="__COLOR_3__" fill-opacity="0.569"><animate attributeName="opacity" dur="1.97s" values="0.569;0.388;0.569" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;5 3;8 3;0 0" dur="9.45s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.172;0.926;1" dur="5.41s" repeatCount="indefinite" /></circle><circle cx="485" cy="406" r="1.36" fill="__COLOR_1__" fill-opacity="0.338"><animate attributeName="opacity" dur="2.13s" values="0.338;0.398;0.338" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;2 0;4 0;0 0" dur="4.42s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.199;0.945;1" dur="8.49s" repeatCount="indefinite" /></circle><circle cx="1256" cy="398" r="1.38" fill="__COLOR_0__" fill-opacity="0.418"><animate attributeName="opacity" dur="1.87s" values="0.418;0.163;0.418" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;0 1;0 1;0 0" dur="5.17s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.095;0.974;1" dur="5.30s" repeatCount="indefinite" /></circle><circle cx="537" cy="378" r="1.83" fill="__COLOR_2__" fill-opacity="0.462"><animate attributeName="opacity" dur="4.27s" values="0.462;0.258;0.462" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;0 -4;0 -5;0 0" dur="4.82s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.116;0.979;1" dur="7.63s" repeatCount="indefinite" /></circle><circle cx="498" cy="179" r="0.90" fill="__COLOR_2__" fill-opacity="0.654"><animate attributeName="opacity" dur="1.34s" values="0.654;0.231;0.654" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-2 -3;-4 -4;0 0" dur="7.60s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.070;0.949;1" dur="10.33s" repeatCount="indefinite" /></circle><circle cx="230" cy="275" r="2.01" fill="__COLOR_2__" fill-opacity="0.509"><animate attributeName="opacity" dur="1.60s" values="0.509;0.295;0.509" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-2 4;-3 5;0 0" dur="7.17s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.177;0.935;1" dur="8.09s" repeatCount="indefinite" /></circle><g transform="translate(230 275) rotate(-25)"><line x1="0" y1="0" x2="218" y2="0" stroke="__COLOR_2__" stroke-width="1.63" stroke-linecap="round" opacity="0.629"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="4.83s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.629;0" dur="4.83s" repeatCount="indefinite" /></line></g><circle cx="676" cy="319" r="2.48" fill="__COLOR_2__" fill-opacity="0.740"><animate attributeName="opacity" dur="1.36s" values="0.740;0.332;0.740" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;3 5;3 3;0 0" dur="8.86s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.162;0.962;1" dur="6.29s" repeatCount="indefinite" /></circle><circle cx="586" cy="415" r="0.96" fill="__COLOR_0__" fill-opacity="0.824"><animate attributeName="opacity" dur="3.16s" values="0.824;0.184;0.824" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-6 -1;-6 -2;0 0" dur="11.13s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.007;0.932;1" dur="9.24s" repeatCount="indefinite" /></circle><circle cx="481" cy="546" r="2.24" fill="__COLOR_2__" fill-opacity="0.751"><animate attributeName="opacity" dur="2.59s" values="0.751;0.341;0.751" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-3 2;-5 3;0 0" dur="4.99s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.141;0.914;1" dur="6.32s" repeatCount="indefinite" /></circle><circle cx="146" cy="157" r="1.13" fill="__COLOR_2__" fill-opacity="0.831"><animate attributeName="opacity" dur="4.27s" values="0.831;0.227;0.831" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;3 4;5 4;0 0" dur="8.38s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.036;0.922;1" dur="7.30s" repeatCount="indefinite" /></circle><circle cx="221" cy="364" r="1.62" fill="__COLOR_0__" fill-opacity="0.807"><animate attributeName="opacity" dur="2.91s" values="0.807;0.251;0.807" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-5 6;-8 4;0 0" dur="9.47s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.152;0.937;1" dur="5.53s" repeatCount="indefinite" /></circle><circle cx="454" cy="108" r="1.13" fill="__COLOR_2__" fill-opacity="0.336"><animate attributeName="opacity" dur="3.29s" values="0.336;0.289;0.336" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;4 -3;3 -4;0 0" dur="7.59s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.151;0.923;1" dur="9.24s" repeatCount="indefinite" /></circle><circle cx="401" cy="31" r="2.17" fill="__COLOR_0__" fill-opacity="0.623"><animate attributeName="opacity" dur="2.81s" values="0.623;0.177;0.623" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;4 2;5 3;0 0" dur="7.35s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.089;0.890;1" dur="9.95s" repeatCount="indefinite" /></circle><g transform="translate(401 31) rotate(-25)"><line x1="0" y1="0" x2="210" y2="0" stroke="__COLOR_0__" stroke-width="2.82" stroke-linecap="round" opacity="0.674"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="5.21s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.674;0" dur="5.21s" repeatCount="indefinite" /></line></g><circle cx="16" cy="385" r="1.42" fill="__COLOR_3__" fill-opacity="0.365"><animate attributeName="opacity" dur="2.15s" values="0.365;0.190;0.365" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;5 0;5 0;0 0" dur="7.27s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.023;0.994;1" dur="7.59s" repeatCount="indefinite" /></circle><circle cx="441" cy="361" r="1.75" fill="__COLOR_2__" fill-opacity="0.623"><animate attributeName="opacity" dur="3.88s" values="0.623;0.341;0.623" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;5 3;7 5;0 0" dur="7.16s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.149;0.981;1" dur="10.38s" repeatCount="indefinite" /></circle><circle cx="1273" cy="245" r="3.06" fill="__COLOR_1__" fill-opacity="0.456"><animate attributeName="opacity" dur="3.82s" values="0.456;0.288;0.456" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;2 -5;2 -6;0 0" dur="9.33s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.185;0.975;1" dur="7.09s" repeatCount="indefinite" /></circle><circle cx="450" cy="537" r="1.87" fill="__COLOR_2__" fill-opacity="0.666"><animate attributeName="opacity" dur="1.67s" values="0.666;0.258;0.666" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;0 -2;0 -2;0 0" dur="10.93s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.172;0.966;1" dur="10.55s" repeatCount="indefinite" /></circle><circle cx="385" cy="382" r="1.07" fill="__COLOR_3__" fill-opacity="0.660"><animate attributeName="opacity" dur="3.31s" values="0.660;0.206;0.660" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;4 -2;7 -2;0 0" dur="4.49s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.125;0.956;1" dur="10.82s" repeatCount="indefinite" /></circle><circle cx="154" cy="488" r="0.74" fill="__COLOR_0__" fill-opacity="0.788"><animate attributeName="opacity" dur="3.88s" values="0.788;0.348;0.788" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;4 -5;5 -7;0 0" dur="9.79s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.136;0.949;1" dur="5.16s" repeatCount="indefinite" /></circle><circle cx="1271" cy="156" r="3.04" fill="__COLOR_3__" fill-opacity="0.425"><animate attributeName="opacity" dur="3.04s" values="0.425;0.240;0.425" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;2 4;1 6;0 0" dur="9.40s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.190;1.000;1" dur="12.10s" repeatCount="indefinite" /></circle><g transform="translate(1271 156) rotate(-25)"><line x1="0" y1="0" x2="192" y2="0" stroke="__COLOR_3__" stroke-width="1.68" stroke-linecap="round" opacity="0.521"><animateTransform attributeName="transform" type="translate" values="0 0;259 -67;0 0" dur="5.50s" repeatCount="indefinite" /><animate attributeName="opacity" values="0;0.521;0" dur="5.50s" repeatCount="indefinite" /></line></g><circle cx="1405" cy="303" r="1.04" fill="__COLOR_1__" fill-opacity="0.542"><animate attributeName="opacity" dur="2.59s" values="0.542;0.214;0.542" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;0 3;0 6;0 0" dur="10.84s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.076;0.948;1" dur="9.70s" repeatCount="indefinite" /></circle><circle cx="1288" cy="341" r="2.77" fill="__COLOR_0__" fill-opacity="0.787"><animate attributeName="opacity" dur="3.25s" values="0.787;0.297;0.787" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;3 4;3 3;0 0" dur="10.87s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.052;0.923;1" dur="9.68s" repeatCount="indefinite" /></circle><circle cx="607" cy="176" r="1.12" fill="__COLOR_0__" fill-opacity="0.331"><animate attributeName="opacity" dur="3.27s" values="0.331;0.301;0.331" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;0 0;0 0;0 0" dur="7.82s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.085;0.914;1" dur="8.36s" repeatCount="indefinite" /></circle><circle cx="578" cy="5" r="1.39" fill="__COLOR_2__" fill-opacity="0.702"><animate attributeName="opacity" dur="3.19s" values="0.702;0.215;0.702" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="translate" values="0 0;-3 4;-3 4;0 0" dur="5.39s" repeatCount="indefinite" /><animateTransform attributeName="transform" additive="sum" type="scale" values="1;1.204;0.943;1" dur="5.35s" repeatCount="indefinite" /></circle>
</svg>`

    defaultColors.forEach((color, index) => {
        svg = svg.replaceAll(`__COLOR_${index}__`, props.colors[index] ?? color)
    })

    return svg
})
</script>

<template>
    <div :data-component="componentName" v-html="markup" />
</template>