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