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