.loader-size-regular{--size:1rem}.loader-size-small{--size:.5rem}.loader{width:calc(var(--size) * 5);height:calc(var(--size) * 1.4);position:relative}.loader div{width:calc(var(--size) * .8);height:calc(var(--size) * .8);background-color:#d1d5db;border-radius:50%;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute}.loader div:first-child{left:calc(var(--size) * .5);animation:.6s infinite loader1}.loader div:nth-child(2){left:calc(var(--size) * .5);animation:.6s infinite loader2}.loader div:nth-child(3){left:calc(var(--size) * 2);animation:.6s infinite loader2}.loader div:nth-child(4){left:calc(var(--size) * 3.5);animation:.6s infinite loader3}@keyframes loader1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loader3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loader2{0%{transform:translate(0)}to{transform:translate(calc(var(--size) * 1.5), 0)}}