.loader{--size: 20px;display:flex;justify-content:center;align-items:center;gap:calc(var(--size) / 2);height:calc(var(--size) * 5)}.loader div{width:var(--size);height:var(--size);border-radius:var(--size);background-color:gold;animation:wave 2s infinite ease-in-out}@keyframes wave{25%{height:calc(var(--size) * 5);background-color:#fc00ff}50%{height:var(--size);background-color:#9c73f8}}.loader :nth-child(2){animation-delay:.2s}.loader :nth-child(3){animation-delay:.4s}.loader :nth-child(4){animation-delay:.6s}.loader :nth-child(5){animation-delay:.8s}