.loader{color:#0a63ff;--c:#0000 calc(100% - 20px),currentColor calc(100% - 19px)98%,#0000;background:radial-gradient(farthest-side at left,var(--c))right/50% 100%,radial-gradient(farthest-side at top,var(--c))bottom/100% 50%;background-repeat:no-repeat;width:60px;height:60px;animation:2s linear .25s infinite l18-0;display:flex}.loader:before{content:"";background:radial-gradient(farthest-side at bottom right,var(--c));width:50%;height:50%;animation:.5s linear infinite l18-1}@keyframes l18-0{0%,12.49%{transform:rotate(0)}12.5%,37.49%{transform:rotate(90deg)}37.5%,62.49%{transform:rotate(180deg)}62.5%,87.49%{transform:rotate(270deg)}87.5%,to{transform:rotate(360deg)}}@keyframes l18-1{0%{transform:perspective(150px)rotateY(0)rotate(0)}50%{transform:perspective(150px)rotateY(180deg)rotate(0)}80%,to{transform:perspective(150px)rotateY(180deg)rotate(90deg)}}