simple-endless-loader,
[simple-endless-loader],
.simple-endless-loader {
  display: inline-block;
  position: relative;
  box-sizing: border-box; }
  simple-endless-loader *,
  [simple-endless-loader] *,
  .simple-endless-loader * {
    animation-play-state: inherit; }
  simple-endless-loader > div,
  [simple-endless-loader] > div,
  .simple-endless-loader > div {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 57.5%;
    padding-bottom: 57.5%;
    background-color: #dff1dd;
    border-radius: 50%;
    overflow: hidden; }
    simple-endless-loader > div span:first-of-type,
    [simple-endless-loader] > div span:first-of-type,
    .simple-endless-loader > div span:first-of-type {
      content: "";
      display: block;
      position: absolute;
      top: 27.5%;
      left: 27.5%;
      width: 45%;
      height: 45%;
      background-color: white;
      border-radius: 50%;
      z-index: 2; }
    simple-endless-loader > div span + span,
    [simple-endless-loader] > div span + span,
    .simple-endless-loader > div span + span {
      content: "";
      display: block;
      opacity: 0;
      position: absolute;
      top: 0;
      left: 35%;
      width: 30%;
      padding-bottom: 30%;
      border-radius: 50%;
      background-color: #6bbc5f;
      transform-origin: 50% 170%;
      transform: rotateZ(90deg);
      animation-name: clockwise-rotation;
      animation-duration: 1000ms;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      z-index: 1; }
  simple-endless-loader > div + div,
  [simple-endless-loader] > div + div,
  .simple-endless-loader > div + div {
    left: auto;
    right: 0; }
    simple-endless-loader > div + div span + span,
    [simple-endless-loader] > div + div span + span,
    .simple-endless-loader > div + div span + span {
      background-color: #6bbc5f;
      transform: rotateZ(-90deg);
      animation-name: counterclockwise-rotation;
      animation-delay: 500ms; }

@keyframes clockwise-rotation {
  0% {
    opacity: 1;
    transform-origin: 50% 170%;
    transform: rotateZ(90deg) scale3d(1, 1, 1); }
  25% {
    opacity: 1;
    transform-origin: 50% 130%;
    transform: rotateZ(270deg) scale3d(3, 1.5, 1); }
  50% {
    opacity: 1;
    transform-origin: 50% 170%;
    transform: rotateZ(450deg) scale3d(1, 1, 1); }
  50.99%, 100% {
    opacity: 0;
    transform-origin: 50% 170%;
    transform: rotateZ(450deg) scale3d(1, 1, 1); } }

@keyframes counterclockwise-rotation {
  0% {
    opacity: 1;
    transform-origin: 50% 170%;
    transform: rotateZ(-90deg) scale3d(1, 1, 1); }
  25% {
    opacity: 1;
    transform-origin: 50% 130%;
    transform: rotateZ(-270deg) scale3d(3, 1.5, 1); }
  50% {
    opacity: 1;
    transform-origin: 50% 170%;
    transform: rotateZ(-450deg) scale3d(1, 1, 1); }
  50.99%, 100% {
    opacity: 0;
    transform-origin: 50% 170%;
    transform: rotateZ(-450deg) scale3d(1, 1, 1); } }