.loader{width:40px;aspect-ratio:1;color:#628573;position:relative;background:radial-gradient(10px,currentColor 94%,#0000)}.loader:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(9px at bottom right,#0000 94%,currentColor) top left,radial-gradient(9px at bottom left,#0000 94%,currentColor) top right,radial-gradient(9px at top right,#0000 94%,currentColor) bottom left,radial-gradient(9px at top left,#0000 94%,currentColor) bottom right;background-size:20px 20px;background-repeat:no-repeat;animation:l18 1.5s infinite cubic-bezier(.3,1,0,1)}@keyframes l18{33%{top:-10px;right:-10px;bottom:-10px;left:-10px;transform:rotate(0)}66%{top:-10px;right:-10px;bottom:-10px;left:-10px;transform:rotate(90deg)}to{top:0;right:0;bottom:0;left:0;transform:rotate(90deg)}}