.story-confetti-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10100;
  overflow: hidden;
}

.story-confetti-piece {
  position: absolute;
  width: 10px;
  height: 14px;
  border-radius: 2px;
  opacity: 0;
  will-change: transform, opacity;
}

@keyframes storyConfettiFall {
  0% {
    opacity: 0;
    transform: translate3d(0, -12px, 0) rotate(var(--rot0, 0deg));
  }
  10% {
    opacity: 1;
  }
  78% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(var(--dx, 0px), var(--fall-y, 100vh), 0) rotate(var(--rot1, 540deg));
  }
}