1.spinner {
2 width: 56px;
3 height: 56px;
4 display: grid;
5 border: 4px solid #0000;
6 border-radius: 50%;
7 border-right-color: #004dff;
8 animation: spinner-a4dj62 1s infinite linear;
9}
10
11.spinner::before,
12.spinner::after {
13 content: "";
14 grid-area: 1/1;
15 margin: 2px;
16 border: inherit;
17 border-radius: 50%;
18 animation: spinner-a4dj62 2s infinite;
19}
20
21.spinner::after {
22 margin: 8px;
23 animation-duration: 3s;
24}
25
26@keyframes spinner-a4dj62 {
27 100% {
28  transform: rotate(1turn);
29 }
30}