1.loader {
2  color: rgb(124, 124, 124);
3  font-family: "Poppins",sans-serif;
4  font-weight: 500;
5  font-size: 25px;
6  -webkit-box-sizing: content-box;
7  box-sizing: content-box;
8  height: 40px;
9  padding: 10px 10px;
10  display: -webkit-box;
11  display: -ms-flexbox;
12  display: flex;
13  border-radius: 8px;
14}
15
16.words {
17  overflow: hidden;
18}
19
20.word {
21  display: block;
22  height: 100%;
23  padding-left: 6px;
24  color: #956afa;
25  animation: spin_4991 4s infinite;
26}
27
28@keyframes spin_4991 {
29  10% {
30    -webkit-transform: translateY(-105%);
31    transform: translateY(-105%);
32  }
33
34  25% {
35    -webkit-transform: translateY(-100%);
36    transform: translateY(-100%);
37  }
38
39  35% {
40    -webkit-transform: translateY(-205%);
41    transform: translateY(-205%);
42  }
43
44  50% {
45    -webkit-transform: translateY(-200%);
46    transform: translateY(-200%);
47  }
48
49  60% {
50    -webkit-transform: translateY(-305%);
51    transform: translateY(-305%);
52  }
53
54  75% {
55    -webkit-transform: translateY(-300%);
56    transform: translateY(-300%);
57  }
58
59  85% {
60    -webkit-transform: translateY(-405%);
61    transform: translateY(-405%);
62  }
63
64  100% {
65    -webkit-transform: translateY(-400%);
66    transform: translateY(-400%);
67  }
68}
69