.loader{--mask:radial-gradient(7px at left 10px top 50%,#0000 95%,#000),radial-gradient(7px at center,#0000 95%,#000),radial-gradient(7px at right 10px top 50%,#0000 95%,#000);width:80px;-webkit-mask:var(--mask);-webkit-mask:var(--mask);mask:var(--mask);-webkit-mask-composite:source-in;background:radial-gradient(farthest-side,#fff 98%,#0000) 50%/20px 100% no-repeat;animation:1s infinite alternate l2;display:grid;-webkit-mask-composite:source-in;mask-composite:intersect}.loader:before,.loader:after{content:"";aspect-ratio:1;background:#fff;border-radius:50%;grid-area:1/1;height:20px}.loader:after{margin-left:auto}@keyframes l2{to{width:40px}}