1.spinner {
2  position: relative;
3  width: 35.2px;
4  height: 35.2px;
5}
6
7.spinner::before,
8.spinner::after {
9  content: '';
10  width: 100%;
11  height: 100%;
12  display: block;
13  animation: spinner-b4c8mmhg 0.5s backwards, spinner-49opz7hg 1.25s 0.5s infinite ease;
14  border: 8.8px solid #000000;
15  border-radius: 50%;
16  box-shadow: 0 -52.8px 0 -8.8px #000000;
17  position: absolute;
18}
19
20.spinner::after {
21  animation-delay: 0s, 1.25s;
22}
23
24@keyframes spinner-b4c8mmhg {
25  from {
26    box-shadow: 0 0 0 -8.8px #000000;
27  }
28}
29
30@keyframes spinner-49opz7hg {
31  to {
32    transform: rotate(360deg);
33  }
34}