.pdfp-overlay {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  width: 100vw;
  height: 100vh;
}

.pdfp-item {
  position: absolute;
  top: -12vh;
  left: 0;
  width: var(--pdfp-size);
  height: auto;
  opacity: var(--pdfp-opacity);
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  will-change: transform;
  animation-name: pdfp-fall;
  animation-duration: var(--pdfp-duration);
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes pdfp-fall {
  0% {
    transform:
      translate3d(0, -12vh, 0)
      rotate(var(--pdfp-rot-start));
  }
  35% {
    transform:
      translate3d(var(--pdfp-sway), 36vh, 0)
      rotate(var(--pdfp-rot-mid));
  }
  70% {
    transform:
      translate3d(calc(var(--pdfp-sway) * -0.45), 78vh, 0)
      rotate(var(--pdfp-rot-mid2));
  }
  100% {
    transform:
      translate3d(calc(var(--pdfp-sway) * 0.25), 116vh, 0)
      rotate(var(--pdfp-rot-end));
  }
}

@media (prefers-reduced-motion: reduce) {
  .pdfp-overlay {
    display: none !important;
  }
}