.loader{aspect-ratio:1;border:3px solid #8806f3;border-color:#8806f3 #0000;border-radius:50%;width:100px;animation:1s linear infinite l16;display:grid}.loader:before,.loader:after{content:"";border:inherit;border-radius:50%;grid-area:1/1;margin:2px}.loader:before{animation:inherit;border-color:#4e048af3 #0000;animation-duration:.5s;animation-direction:reverse}.loader:after{margin:8px}@keyframes l16{to{transform:rotate(1turn)}}