1.loader {
2 display: flex;
3 justify-content: center;
4 align-content: center;
5 align-items: center;
6 gap: 5px;
7 height: 80px;
8 width: 80px;
9}
10
11.bar {
12 width: 7px;
13 height: 50px;
14 border-radius: 10em;
15 background-image: linear-gradient(60deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
16 background-size: 390%;
17 animation: live 2s linear infinite;
18}
19
20@keyframes live {
21 0%, 50%, 100% {
22  transform: scaleY(1);
23 }
24
25 30%, 70% {
26  background-position: right;
27  transform: scaleY(1.15);
28 }
29}