xref: /plugin/botmon/img/spinner.svg (revision 4cddc6613d220410133484b1d2eade21a1326e05)
1<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 240"><style>.pl1123__ring {animation: ringA 2s linear infinite;}
2.pl1123__ring--a {stroke: currentColor;}
3.pl1123__ring--b {animation-name: ringB;stroke: currentColor;}
4.pl1123__ring--c {animation-name: ringC;stroke: currentColor;}
5.pl1123__ring--d {animation-name: ringD;stroke: currentColor;}
6@keyframes ringA {
7from,4% {
8stroke-dasharray: 0 660;
9stroke-width: 20;
10stroke-dashoffset: -330;
11}
1212% {
13stroke-dasharray: 60 600;
14stroke-width: 30;
15stroke-dashoffset: -335;
16}
1732% {
18stroke-dasharray: 60 600;
19stroke-width: 30;
20stroke-dashoffset: -595;
21}
2240%,54% {
23stroke-dasharray: 0 660;
24stroke-width: 20;
25stroke-dashoffset: -660;
26}
2762% {
28stroke-dasharray: 60 600;
29stroke-width: 30;
30stroke-dashoffset: -665;
31}
3282% {
33stroke-dasharray: 60 600;
34stroke-width: 30;
35stroke-dashoffset: -925;
36}
3790%,
38to {
39stroke-dasharray: 0 660;
40stroke-width: 20;
41stroke-dashoffset: -990;
42}
43}
44@keyframes ringB {
45from,
4612% {
47stroke-dasharray: 0 220;
48stroke-width: 20;
49stroke-dashoffset: -110;
50}
5120% {
52stroke-dasharray: 20 200;
53stroke-width: 30;
54stroke-dashoffset: -115;
55}
5640% {
57stroke-dasharray: 20 200;
58stroke-width: 30;
59stroke-dashoffset: -195;
60}
6148%,
6262% {
63stroke-dasharray: 0 220;
64stroke-width: 20;
65stroke-dashoffset: -220;
66}
6770% {
68stroke-dasharray: 20 200;
69stroke-width: 30;
70stroke-dashoffset: -225;
71}
7290% {
73stroke-dasharray: 20 200;
74stroke-width: 30;
75stroke-dashoffset: -305;
76}
7798%,
78to {
79stroke-dasharray: 0 220;
80stroke-width: 20;
81stroke-dashoffset: -330;
82}
83}
84@keyframes ringC {
85from {
86stroke-dasharray: 0 440;
87stroke-width: 20;
88stroke-dashoffset: 0;
89}
908% {
91stroke-dasharray: 40 400;
92stroke-width: 30;
93stroke-dashoffset: -5;
94}
9528% {
96stroke-dasharray: 40 400;
97stroke-width: 30;
98stroke-dashoffset: -175;
99}
10036%,
10158% {
102stroke-dasharray: 0 440;
103stroke-width: 20;
104stroke-dashoffset: -220;
105}
10666% {
107stroke-dasharray: 40 400;
108stroke-width: 30;
109stroke-dashoffset: -225;
110}
11186% {
112stroke-dasharray: 40 400;
113stroke-width: 30;
114stroke-dashoffset: -395;
115}
11694%,
117to {
118stroke-dasharray: 0 440;
119stroke-width: 20;
120stroke-dashoffset: -440;
121}
122}
123@keyframes ringD {
124from,
1258% {
126stroke-dasharray: 0 440;
127stroke-width: 20;
128stroke-dashoffset: 0;
129}
130
13116% {
132stroke-dasharray: 40 400;
133stroke-width: 30;
134stroke-dashoffset: -5;
135}
136
13736% {
138stroke-dasharray: 40 400;
139stroke-width: 30;
140stroke-dashoffset: -175;
141}
142
14344%,
14450% {
145stroke-dasharray: 0 440;
146stroke-width: 20;
147stroke-dashoffset: -220;
148}
149
15058% {
151stroke-dasharray: 40 400;
152stroke-width: 30;
153stroke-dashoffset: -225;
154}
155
15678% {
157stroke-dasharray: 40 400;
158stroke-width: 30;
159stroke-dashoffset: -395;
160}
161
16286%,
163to {
164stroke-dasharray: 0 440;
165stroke-width: 20;
166stroke-dashoffset: -440;
167}
168}</style><circle class="pl1123__ring pl1123__ring--a" cx="120" cy="120" r="105" fill="none" stroke="#000" stroke-width="20" stroke-dasharray="0 660" stroke-dashoffset="-330" stroke-linecap="round"/><circle class="pl1123__ring pl1123__ring--b" cx="120" cy="120" r="35" fill="none" stroke="#000" stroke-width="20" stroke-dasharray="0 220" stroke-dashoffset="-110" stroke-linecap="round"/><circle class="pl1123__ring pl1123__ring--c" cx="85" cy="120" r="70" fill="none" stroke="#000" stroke-width="20" stroke-dasharray="0 440" stroke-linecap="round"/><circle class="pl1123__ring pl1123__ring--d" cx="155" cy="120" r="70" fill="none" stroke="#000" stroke-width="20" stroke-dasharray="0 440" stroke-linecap="round"/></svg>