1.spinner {
2  width: 56px;
3  height: 56px;
4  display: grid;
5  border: 4.5px solid #0000;
6  border-radius: 50%;
7  border-color: #dbdcef #0000;
8  animation: spinner-e04l1k 1s infinite linear;
9}
10
11.spinner::before,
12.spinner::after {
13  content: "";
14  grid-area: 1/1;
15  margin: 2.2px;
16  border: inherit;
17  border-radius: 50%;
18}
19
20.spinner::before {
21  border-color: #474bff #0000;
22  animation: inherit;
23  animation-duration: 0.5s;
24  animation-direction: reverse;
25}
26
27.spinner::after {
28  margin: 8.9px;
29}
30
31@keyframes spinner-e04l1k {
32  100% {
33    transform: rotate(1turn);
34  }
35}