@import '../../scss/cells/mixins/black-background';

.animated.bribery_of_police_defence {
  @include blackBackgroundMixin;

  #bribery_of_police_defence-main-container {
    animation-name: bribery_of_police_defence_animation;
    animation-duration: 5s;
    animation-delay: var(--animation-delay, 0s);
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    translate: 0 5000px;
    transform-origin: 4176px 4439px;
  }

  .use-envelope {
    animation-name: envelope_animation;
    animation-duration: 5s;
    animation-delay: var(--animation-delay, 0s);
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    scale: 0;
    transform-origin: 4176px 4439px;
  }

  .bribery_of_police_defence_handcuffs_bottom,
  .bribery_of_police_defence_handcuffs_top {
    animation-name: handcuffs_animation;
    animation-duration: 1s;
    animation-delay: calc(var(--animation-delay, 0s) + 1.2s);
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
  }

  use.use-bribery-of-police-defence.d-none {
    display: block;
  }
}

@keyframes bribery_of_police_defence_animation {
  0% {
    translate: 0 5000px;
    opacity: 1;
  }

  5% {
    translate: 0 0px;
    opacity: 1;
  }

  97% {
    translate: 0 0px;
    opacity: 1;
  }

  100% {
    translate: 0 0px;
    opacity: 0;
  }
}

@keyframes envelope_animation {
  0% {
    scale: 0;
    opacity: 1;
  }

  5% {
    scale: 1;
    opacity: 1;
  }

  97% {
    opacity: 1;
  }

  100% {
    scale: 0.7;
    opacity: 0;
  }
}

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