
/* buzzp */
@keyframes pm-jumping{
  0%{transform:translateY(0)}
  10%{transform:translateY(-15px)}
  20%{transform:translateY(0)}
  30%{transform:translateY(-15px)}
  40%{transform:translateY(0)}
}
[id^="pm-scope-"] .pm-jumping{
  animation:jumping 2s ease 1s infinite
}

@keyframes pm-flash{
  50%{opacity:0}
}
[id^="pm-scope-"] .pm-flash{
  animation:flash 1s ease infinite
}
.insert-video{
  width:auto!important;
  max-width:100%!important;
  display:inline-block!important
}
.target-slide-in{
  display:inline-block;
  opacity:0;
  transform:translateX(100px)
}
[id^="pm-scope-"] .pm-slide-in{
  animation:buzzp-slidein 1s;
  animation-fill-mode:forwards
}

@keyframes buzzp-slidein{
  0{
    opacity:0;
    transform:translateX(100px)
  }
  to{
    opacity:1;
    transform:translateX(0)
  }
}
.target-zoom-in{
  display:inline-block;
  transform:scale(.5,.5)
}
[id^="pm-scope-"] .pm-zoom-in{
  animation:buzzp-zoomin 1s;
  animation-fill-mode:forwards
}

@keyframes buzzp-zoomin{
  0{transform:scale(.5,.5)}
  to{transform:scale(1,1)}
}
.target-fade-in{
  display:inline-block;
  opacity:0
}
[id^="pm-scope-"] .pm-fade-in{
  animation:buzzp-fadein 1s;
  animation-fill-mode:forwards
}

@keyframes buzzp-fadein{
  0{opacity:0}
  to{opacity:1}
}
.target-jump-in{
  display:inline-block;
  opacity:0;
  transform:scale(1,1)
}
.jump-in{
  animation:buzzp-jumpin .5s;
  animation-fill-mode:forwards
}
.target-fade-in.imgtarget-fade-in,
.target-jump-in.imgtarget-jump-in{
  display: block;
}
@keyframes buzzp-jumpin{
  0%{opacity:0; transform:scale(3,3)}
  100%{opacity:1; transform:scale(1,1)}
}
[id^="pm-scope-"] .pm-purupuru{
  display:inline-block;
  animation:buzzp-purupuru 2s infinite
}
[id^="pm-scope-"] .pm-imgpurupuru{
  animation:buzzp-purupuru 2s infinite
}
@keyframes pm-purupuru{
   0%{transform:skew(0,0)}
  10%{transform:skew(10deg,0)   translateX(-5px)}
  20%{transform:skew(-8.5deg,0) translateX(4px)}
  30%{transform:skew(5deg,0)    translateX(-4px)}
  40%{transform:skew(-4.2deg,0) translateX(3px)}
  50%{transform:skew(2.3deg,0)  translateX(-2px)}
  60%{transform:skew(-1.8deg,0) translateX(1px)}
  70%{transform:skew(0.6deg,0)  translateX(0)}
  80%{transform:skew(-0.4deg,0)}
  90%{transform:skew(0.2deg,0)}
 100%{transform:skew(0,0)}
}
