.loader{--color:#a5a5b0;--size:70px;width:var(--size);height:var(--size);display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.loader span{width:100%;height:100%;background-color:var(--color);animation:keyframes-blink .6s linear infinite alternate}.loader span:first-child{animation-delay:0s}.loader span:nth-child(2){animation-delay:.2s}.loader span:nth-child(3){animation-delay:.3s}.loader span:nth-child(4){animation-delay:.4s}.loader span:nth-child(5){animation-delay:.5s}.loader span:nth-child(6){animation-delay:.6s}@keyframes keyframes-blink{0%{opacity:.3;transform:scale(.5) rotate(5deg)}50%{opacity:1;transform:scale(1)}}