Loader by preshpi

1.spinner {
2  width: 46px;
3  height: 46px;
4  display: grid;
5  animation: spinner-plncf9 3s infinite;
6}
7
8.spinner::before,
9.spinner::after {
10  content: "";
11  grid-area: 1/1;
12  border: 9px solid;
13  border-radius: 50%;
14  border-color: #474bff #474bff #0000 #0000;
15  mix-blend-mode: darken;
16  animation: spinner-plncf9 1s infinite linear;
17}
18
19.spinner::after {
20  border-color: #0000 #0000 #dbdcef #dbdcef;
21  animation-direction: reverse;
22}
23
24@keyframes spinner-plncf9 {
25  100% {
26    transform: rotate(1turn);
27  }
28}
29