.loader-wrapper{align-items:center;height:100vh}.loader-wrapper,.middle{display:flex;justify-content:center}.middle{align-items:flex-end;height:100px}.bar{width:10px;height:70px;background:linear-gradient(0deg,#a471ff,#a471ff 50%,transparent 0);display:inline-block;transform-origin:bottom center;border-top-right-radius:20px;border-top-left-radius:20px;animation:loader 1.2s linear infinite;box-shadow:0 5px 15px #752df1;margin:0 5px}.bar1{animation-delay:.1s}.bar2{animation-delay:.2s}.bar3{animation-delay:.3s}.bar4{animation-delay:.4s}.bar5{animation-delay:.5s}.bar6{animation-delay:.6s}.bar7{animation-delay:.7s}.bar8{animation-delay:.8s}@keyframes loader{0%{transform:scaleY(.1);background:#a471ff;box-shadow:0 5px 15px #752df1}50%{transform:scaleY(1);background:#a471ff;box-shadow:0 15px 30px #752df1}to{transform:scaleY(.1);background:transparent;box-shadow:0 5px 15px #752df1}}