1.custom-loader {
2  width: 50px;
3  height: 50px;
4  --c: radial-gradient(farthest-side,#000000 92%,#0000);
5  background: var(--c) 50%  0, 
6    var(--c) 50%  100%, 
7    var(--c) 100% 50%, 
8    var(--c) 0    50%;
9  background-size: 10px 10px;
10  background-repeat: no-repeat;
11  animation: s8 1s infinite;
12  position: relative;
13}
14
15.custom-loader::before {
16  content: "";
17  position: absolute;
18  inset: 0;
19  margin: 3px;
20  background: repeating-conic-gradient(#0000 0 35deg,#000000 0 90deg);
21  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);
22  border-radius: 50%;
23}
24
25@keyframes s8 {
26 
27  100% {
28    transform: rotate(.5turn)
29  }
30}