.cr-spiner-ai {
  path {
    animation-duration: 1.7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
  #spiner-ai-element-1 {
    transform-box: fill-box;
    transform-origin: center center;
    animation-name: element1;
  }

  #spiner-ai-element-2 {
    transform-box: fill-box;
    transform-origin: center center;
    animation-name: element2;
  }

  #spiner-ai-element-3 {
    transform-box: fill-box;
    transform-origin: center center;
    animation-name: element3;
  }

  @keyframes element1 {
    0% {
      transform: scale(1);
    }
    25% {
      transform: scale(0.75);
    }
    50% {
      transform: scale(0.3);
    }
    75% {
      transform: scale(0.75);
    }
    100% {
      transform: scale(1);
    }
  }

  @keyframes element2 {
    0% {
      transform: scale(0.3);
    }
    25% {
      transform: scale(0.75);
    }
    50% {
      transform: scale(1);
    }
    75% {
      transform: scale(0.75);
    }
    100% {
      transform: scale(0.3);
    }
  }

  @keyframes element3 {
    0% {
      transform: scale(0.75);
    }
    25% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.75);
    }
    75% {
      transform: scale(0.3);
    }
    100% {
      transform: scale(0.75);
    }
  }
}
