.loader{flex-direction:row;justify-content:center;align-items:center;height:100vh;display:flex}.slider{background-color:#fff;border-radius:30px;width:20px;height:80px;margin:0 15px;position:relative;overflow:hidden;box-shadow:15px 15px 20px #0000001a,-15px -15px 30px #fff,inset -5px -5px 10px #0000ff1a,inset 5px 5px 10px #0000001a}.slider:before{content:"";width:20px;height:20px;animation:2.5s ease-in-out infinite animate_2;animation-delay:calc(-.5s*var(--i));border-radius:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 #0000004d,0 420px 0 400px #2697f3,inset 0 0 #0000001a}@keyframes animate_2{0%{filter:hue-rotate();transform:translateY(250px)}50%{transform:translateY(0)}to{filter:hue-rotate(180deg);transform:translateY(250px)}}