Loader by catraco

1.loader {
2  --color: #a5a5b0;
3  --size: 40px;
4  position: relative;
5  width: var(--size);
6  height: var(--size);
7}
8
9.loader span {
10  width: 100%;
11  height: 100%;
12  position: absolute;
13  top: 0;
14  left: 0;
15  border: 1px solid var(--color);
16  border-bottom: 1px solid transparent;
17  border-radius: 100%;
18  animation: keyframes-rotate .8s infinite linear;
19}
20
21.loader svg {
22  width: 100%;
23  height: 100%;
24  padding: 25%;
25  fill: var(--color);
26  animation: keyframes-blink .8s infinite ease-in-out;
27}
28
29@keyframes keyframes-rotate {
30  0% {
31    transform: rotate(360deg);
32  }
33}
34
35@keyframes keyframes-blink {
36  50% {
37    opacity: 0.8;
38  }
39}