1.loading {
2  width: 60px;
3  height: 60px;
4  position: relative;
5}
6
7.d1 , .d2 {
8  border: 5px solid #6c757d;
9  border-radius: 50px;
10}
11
12.loading .d1 {
13  width: 55px;
14  height: 55px;
15  position: absolute;
16  border-left-color: transparent;
17  animation: load161 1s linear infinite;
18}
19
20.loading .d2 {
21  width: 40px;
22  height: 40px;
23  border-top-color: transparent;
24  border-right-color: transparent;
25  margin: 7.5px;
26  animation: load2812 1.5s linear infinite;
27}
28
29@keyframes load161 {
30  0% {
31    transform: rotate(0);
32  }
33
34  100% {
35    transform: rotate(360deg);
36  }
37}
38
39@keyframes load2812 {
40  0% {
41    transform: rotate(0);
42  }
43
44  100% {
45    transform: rotate(-360deg);
46  }
47}