@import './mixins/black-background';
@import './mixins/light-blinking';
@import './mixins/player_lock';

.animated {
  .ambulance_2 {
    #doctor {
      transform-origin: 3630px 9930px;
      animation-name: doctor;
      animation-duration: 5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #head {
      transform-origin: 4310px 7610px;
      animation-name: doctors_head;
      animation-duration: 4s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #hand_x5F_1_1_ {
      transform-origin: 3450px 7998px;
      animation-name: doctors_hand_1;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #hand_x5F_2 {
      transform-origin: 5160px 8008px;
      animation-name: doctors_hand_2;
      animation-duration: 3s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #eyes {
      transform-origin: 5440px 6618px;
      animation-name: doctors_eyes;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #broken-light,
    #turn-on-light_1_,
    #pillow {
      @include lightBlinkingAnimationStylesMixin;
    }

    #pillow {
      animation-delay: 5.3s;
    }

    #turn-off-light {
      display: block;
    }

    #pillow-broken {
      stroke: #6387bb;
    }

    .use-player_lock,
    .use-boom {
      translate: -400px 140px;
    }
  }
}

@keyframes doctor {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  55% {
    transform: rotate(-5deg);
  }
  95% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes doctors_head {
  0% {
    transform: rotate(-25deg);
  }
  50% {
    transform: rotate(-25deg);
  }
  55% {
    transform: rotate(-10deg);
  }
  95% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(-25deg);
  }
}

@keyframes doctors_hand_1 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  55% {
    transform: rotate(-10deg);
  }
  95% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes doctors_hand_2 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  55% {
    transform: rotate(10deg);
  }
  95% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes doctors_eyes {
  0% {
    transform: scaleY(1);
  }
  45% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.2);
  }
  55% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@include playerLockMixin;
