.loader-go {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background:conic-gradient(#0000 10%,#ECECEC);
	-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px) ,#000 0);
	animation:s3 0.5s infinite linear;
}
@keyframes s3 {to{transform: rotate(1turn)}}

.loader-save {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: 
    radial-gradient(farthest-side,#4A87F4 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#4A87F4);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation:s3 0.5s infinite linear;
}

@keyframes s3{ 
  100%{transform: rotate(1turn)}
}

.loader-save-data {
  width:25px;
  height:25px;
  border-radius:50%;
  padding:1px;
  background:conic-gradient(#0000 10%,#766DF4) content-box;
  -webkit-mask:
    repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
    radial-gradient(farthest-side,#0000 calc(100% - 4.5px),#000 calc(100% - 4px));
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  animation:s4 0.5s infinite steps(10);
}
@keyframes s4 {to{transform: rotate(1turn)}}