.confetti-layer{position:fixed;inset:0;z-index:50;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:52%;width:var(--size);aspect-ratio:1.8;background:var(--color);opacity:0;animation:confetti-burst var(--duration) linear var(--delay) forwards;will-change:transform}.confetti-piece.left{left:0;--launch:var(--x)}.confetti-piece.right{right:0;--launch:calc(0px - var(--x))}
@keyframes confetti-burst{0%{opacity:1;transform:translate(0,0) rotate(0deg)}18%{opacity:1;transform:translate(var(--launch),-38vh) rotate(240deg)}30%{opacity:1;transform:translate(calc(var(--launch) + var(--sway)),-44vh) rotate(420deg)}47%{opacity:1;transform:translate(calc(var(--launch) - var(--sway)),-34vh) rotate(650deg)}68%{opacity:1;transform:translate(calc(var(--launch) + var(--drift)),0) rotate(900deg)}85%{opacity:.9;transform:translate(calc(var(--launch) + var(--drift) - var(--sway)),28vh) rotate(1120deg)}100%{opacity:0;transform:translate(calc(var(--launch) + var(--drift)),54vh) rotate(var(--spin))}}
@media(prefers-reduced-motion:reduce){.confetti-piece{animation-duration:.01ms;animation-delay:0s}}