.arc{background:#285655;border-radius:50%;box-sizing:border-box;-webkit-mask:linear-gradient(#000 0 0) content-box,conic-gradient(#000 var(--deg),#0000 0);-webkit-mask-composite:source-in,xor;mask:linear-gradient(#000 0 0) content-box intersect,conic-gradient(#000 var(--deg),#0000 0);mix-blend-mode:lighten}