.loader{--fill-color:#5c3d99;--shine-color:#5c3d9933;transform:scale(.5);width:100px;height:auto;position:relative;filter:drop-shadow(0 0 10px var(--shine-color))}.loader #pegtopone{position:absolute;animation:flowe-one 1s linear infinite}.loader #pegtoptwo{position:absolute;opacity:0;transform:scale(0) translateY(-200px) translateX(-100px);animation:flowe-two 1s linear infinite;animation-delay:.3s}.loader #pegtopthree{position:absolute;opacity:0;transform:scale(0) translateY(-200px) translateX(100px);animation:flowe-three 1s linear infinite;animation-delay:.6s}.loader svg g path:first-child{fill:var(--fill-color)}@keyframes flowe-one{0%{transform:scale(.5) translateY(-200px);opacity:0}25%{transform:scale(.75) translateY(-100px);opacity:1}50%{transform:scale(1) translateY(0);opacity:1}75%{transform:scale(.5) translateY(50px);opacity:1}to{transform:scale(0) translateY(100px);opacity:0}}@keyframes flowe-two{0%{transform:scale(.5) rotate(-10deg) translateY(-200px) translateX(-100px);opacity:0}25%{transform:scale(1) rotate(-5deg) translateY(-100px) translateX(-50px);opacity:1}50%{transform:scale(1) rotate(0deg) translateY(0) translateX(-25px);opacity:1}75%{transform:scale(.5) rotate(5deg) translateY(50px) translateX(0);opacity:1}to{transform:scale(0) rotate(10deg) translateY(100px) translateX(25px);opacity:0}}@keyframes flowe-three{0%{transform:scale(.5) rotate(10deg) translateY(-200px) translateX(100px);opacity:0}25%{transform:scale(1) rotate(5deg) translateY(-100px) translateX(50px);opacity:1}50%{transform:scale(1) rotate(0deg) translateY(0) translateX(25px);opacity:1}75%{transform:scale(.5) rotate(-5deg) translateY(50px) translateX(0);opacity:1}to{transform:scale(0) rotate(-10deg) translateY(100px) translateX(-25px);opacity:0}}