1.lds-ring,
 2.lds-ring div {
 3  box-sizing: border-box;
 4}
 5.lds-ring {
 6  display: inline-block;
 7  position: relative;
 8  width: 80px;
 9  height: 80px;
10}
11.lds-ring div {
12  box-sizing: border-box;
13  display: block;
14  position: absolute;
15  width: 64px;
16  height: 64px;
17  margin: 8px;
18  border: 8px solid currentColor;
19  border-radius: 50%;
20  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
21  border-color: currentColor transparent transparent transparent;
22}
23.lds-ring div:nth-child(1) {
24  animation-delay: -0.45s;
25}
26.lds-ring div:nth-child(2) {
27  animation-delay: -0.3s;
28}
29.lds-ring div:nth-child(3) {
30  animation-delay: -0.15s;
31}
32@keyframes lds-ring {
33  0% {
34    transform: rotate(0deg);
35  }
36  100% {
37    transform: rotate(360deg);
38  }
39}