.spinner{height:80px;position:relative;width:80px}.spinner div{animation:spinnerOne 1.2s linear infinite;border:8px solid transparent;border-radius:50%;border-top:8px solid var(--purple);box-sizing:border-box;height:100%;position:absolute;width:100%}.spinner div:nth-child(2){animation:spinnerTwo 1.2s linear infinite;border:8px solid transparent;border-bottom:8px solid var(--purple)}@keyframes spinnerOne{0%{border-width:10px;transform:rotate(0)}50%{border-width:1px;transform:rotate(180deg)}to{border-width:10px;transform:rotate(1turn)}}@keyframes spinnerTwo{0%{border-width:1px;transform:rotate(0)}50%{border-width:10px;transform:rotate(180deg)}to{border-width:1px;transform:rotate(1turn)}}.bouncer{align-items:flex-end;display:flex;height:100px;justify-content:space-around;width:100px}.bouncer div{height:20px;width:20px;--tw-bg-opacity:1;animation:bouncer .5s cubic-bezier(.19,.57,.3,.98) infinite alternate;background-color:#6868f7;background-color:rgb(104 104 247/var(--tw-bg-opacity));border-radius:50%}.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(-100px)}}.square{height:100px;perspective:200px;position:relative;width:100px}.square div{height:50px;position:absolute;top:0;width:50px;--tw-bg-opacity:1;animation:flip 2s linear infinite;background-color:#6868f7;background-color:rgb(104 104 247/var(--tw-bg-opacity));transform-origin:right bottom}.square div:nth-child(2){animation-delay:1s}@keyframes flip{0%{opacity:.6;transform:rotateX(0) rotateY(0)}25%{opacity:.8;transform:rotateX(0) rotateY(180deg)}50%{opacity:1;transform:rotateX(180deg) rotateY(180deg)}75%{opacity:.8;transform:rotateX(180deg) rotateY(0)}to{opacity:.6;transform:rotateX(0) rotateY(0)}}