.loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 20% auto auto auto;
  width: 60px;
  aspect-ratio: 1.154;
  display: grid;
  background: conic-gradient(from 149deg at top,#0000, #ffd901 1deg 60deg,#0000 61deg);
  animation: l14 2s infinite cubic-bezier(0.5,500,0.5,-500);
  transform-origin: top;
}
.loader:before,
.loader:after {
  content: "";
  grid-area: 1/1;
  background: conic-gradient(from 149deg at top,#0000, #04c296 1deg 60deg,#0000 61deg);
  transform-origin: inherit;
  animation: inherit;
}
.loader:after {
  background: conic-gradient(from 149deg at top,#0000, #4169e1 1deg 60deg,#0000 61deg);
  animation-timing-function: cubic-bezier(0.5,800,0.5,-800);
}
@keyframes l14{
  100% {transform: rotate(0.2deg)}
}