.confetti-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.confetti{position:absolute;width:var(--confetti-width,8px);height:var(--confetti-height,16px);background-color:var(--confetti-color,#ff69b4);top:-10%;opacity:.9;border-radius:2px;animation:fall var(--duration,8s) linear infinite;animation-delay:var(--delay,0s)}.left-side{left:calc(5% + var(--spread, 1) * 20px)}.right-side{right:calc(5% + var(--spread, 1) * 20px)}@keyframes fall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(120vh) rotate(2turn);opacity:0}}@media (max-width:640px){.confetti{width:4px;height:8px}.left-side{left:calc(2% + var(--spread, 1) * 10px)}.right-side{right:calc(2% + var(--spread, 1) * 10px)}}