@import './mixins/add_money';
@import './mixins/run';

$animation-duration: 0.5s;

.animated {
  .steal_statue {
    @include runMixin($animation-duration);

    #jumping_person {
      scale: 0.8;
      transform-origin: center center;
    }

    #jumping_person_shadow {
      transform-origin: 4200px 6100px;
    }

    #pupil_1,
    #pupil_2 {
      animation-name: pupil_animation;
      animation-duration: 3s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
    }

    #main-background {
      animation-name: main_background_animation;
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }
  }

  &.after-10-circles,
  &.after-20-circles,
  &.after-30-circles,
  &.after-40-circles,
  &.after-50-circles {
    .hide-after-10-circles {
      display: none;
    }
  }

  &.after-40-circles,
  &.after-50-circles {
    .hide-after-40-circles {
      display: none;
    }
  }
}

@keyframes pupil_animation {
  0% {
    translate: 0 0;
  }
  48% {
    translate: 0px 0;
  }
  50% {
    translate: 100px 0;
  }
  80% {
    translate: 100px 0;
  }
  82% {
    translate: 0px 0;
  }
  100% {
    translate: 0px 0;
  }
}

@keyframes main_background_animation {
  100% {
    translate: -300% 0;
  }
}

@include addMoneyMixin;
