:root{--h:22px}.container{display:flex;align-items:center;position:relative;height:var(--h)}.container span{background:linear-gradient(0deg,#d299c2 0,#fef9d7);width:4px;height:20%;border-radius:calc(var(--h)*0.2*0.5);margin-right:4px;animation:loading 2.5s linear infinite;animation-delay:calc(0.2s*var(--d))}.container span:last-child{margin-right:0}@keyframes loading{0%{background-image:linear-gradient(90deg,#fa709a 0,#fee140);height:20%;border-radius:calc(var(--h)*0.2*0.5)}50%{background-image:linear-gradient(0deg,#d299c2 0,#fef9d7);height:100%;border-radius:calc(var(--h)*1*0.5)}to{background-image:linear-gradient(0deg,#a8edea 0,#fed6e3);height:20%;border-radius:calc(var(--h)*0.2*0.5)}}