.loader{width:50px;aspect-ratio:1;--c:no-repeat radial-gradient(farthest-side,#3f5aff 92%,#0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:10px 10px;animation:l18 1s infinite;position:relative}.loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:3px;background:repeating-conic-gradient(#0000 0,#0000 35deg,#3f5aff 0,#3f5aff 90deg);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);border-radius:50%}@keyframes l18{to{transform:rotate(.5turn)}}