1.spinner {
2 width: 56px;
3 height: 56px;
4 border-radius: 50%;
5 color: #004dff;
6 background: linear-gradient(currentColor 0 0) center/100% 4px,
7          linear-gradient(currentColor 0 0) center/4px 100%,
8          radial-gradient(farthest-side,#0000 calc(100% - 7px),currentColor calc(100% - 6px)),
9          radial-gradient(circle 7px,currentColor 94%,#0000 0);
10 background-repeat: no-repeat;
11 animation: spinner-mu2ebf 1s infinite linear;
12 position: relative;
13}
14
15.spinner::before {
16 content: "";
17 position: absolute;
18 inset: 0;
19 border-radius: inherit;
20 background: inherit;
21 transform: rotate(45deg);
22}
23
24@keyframes spinner-mu2ebf {
25 to {
26  transform: rotate(.5turn);
27 }
28}