@import './mixins/player_lock';

.animated {
  .coffee_break {
    #lines {
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-name: coffee_break_lines;
    }

    #person_1_ {
      animation-duration: 10s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-name: coffee_break_person;
    }

    .use-player_lock,
    .use-boom {
      translate: 100px -860px;
    }
  }
}

@keyframes coffee_break_lines {
  0% {
    transform: translateX(1500px);
  }
  50% {
    transform: translateX(-1000px);
  }
  100% {
    transform: translateX(1500px);
  }
}

@keyframes coffee_break_person {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(1500px);
  }
  100% {
    transform: translateX(0px);
  }
}

@include playerLockMixin;
