1.loader {
2  display: flex;
3}
4
5.l,.l:nth-child(9) {
6  margin: 0.15em;
7  border-radius: 5em;
8  width: 0.4em;
9  background-color: #f12711;
10  height: 3em;
11  box-shadow: 1px 1px 4px black;
12  animation: load_5186 cubic-bezier(.41,.44,.72,.69) 2s infinite;
13}
14
15.l:nth-child(2), 
16.l:nth-child(8) {
17  background-color: #f24e13;
18  animation-delay: .25s;
19}
20
21.l:nth-child(3), 
22.l:nth-child(7) {
23  background-color: #f36915;
24  animation-delay: .5s;
25}
26
27.l:nth-child(4), 
28.l:nth-child(6) {
29  background-color: #f48c17;
30  animation-delay: .75s;
31}
32
33.l:nth-child(5) {
34  background-color: #f5af19;
35  animation-delay: 1s;
36}
37
38@keyframes load_5186 {
39  0% {
40    transform: scaleY(1);
41  }
42
43  100% {
44    transform: scaleY(-1);
45  }
46}