@import './mixins/small-rotating-blick';

.animated {
  .take_from_budget {
    #hand_1 {
      animation-name: hand_animation;
      animation-duration: 0.7s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      transform-origin: 2151px 3738px;
    }

    #pupil {
      animation-name: pupil_animation;
      animation-duration: 2s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    }

    use.d-none.use-small-blick {
      display: block;
    }

    @include smallRotatingBlickAnimationStylesMixin;
  }
}

@keyframes hand_animation {
  100% {
    rotate: 2deg;
  }
}

@keyframes pupil_animation {
  100% {
    translate: -100px 0;
  }
}
