:root{--primary:hsl(142,100%,67%)}.bouncer{display:flex;justify-content:space-around;align-items:flex-end;width:100px;height:100px}.bouncer div{width:20px;height:20px;background:var(--primary);border-radius:50%;animation:bouncer .5s cubic-bezier(.19,.57,.3,.98) infinite alternate}.bouncer div:nth-child(2){animation-delay:.1s;opacity:.8}.bouncer div:nth-child(3){animation-delay:.2s;opacity:.6}.bouncer div:nth-child(4){animation-delay:.3s;opacity:.4}@keyframes bouncer{0%{transform:translateY(0)}to{transform:translateY(-80px)}}.spinner{padding:5px;aspect-ratio:1;border-radius:50%;background:var(--primary);--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s linear infinite}@keyframes l3{to{transform:rotate(1turn)}}