.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:100}.confetti{position:absolute;width:10px;height:10px;background-color:#f00;opacity:0;animation:confetti-fall 5s ease-out forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh) rotate(0deg)}to{opacity:0;transform:translateY(110vh) rotate(2turn)}}.confetti:nth-child(10n){background-color:hsl(var(--chart-1));animation-delay:0s;left:10%}.confetti:nth-child(10n+1){background-color:hsl(var(--chart-2));animation-delay:-.2s;left:20%}.confetti:nth-child(10n+2){background-color:hsl(var(--chart-3));animation-delay:-.4s;left:30%}.confetti:nth-child(10n+3){background-color:hsl(var(--chart-4));animation-delay:-.6s;left:40%}.confetti:nth-child(10n+4){background-color:hsl(var(--chart-5));animation-delay:-.8s;left:50%}.confetti:nth-child(10n+5){background-color:hsl(var(--chart-1));animation-delay:-1s;left:60%}.confetti:nth-child(10n+6){background-color:hsl(var(--chart-2));animation-delay:-1.2s;left:70%}.confetti:nth-child(10n+7){background-color:hsl(var(--chart-3));animation-delay:-1.4s;left:80%}.confetti:nth-child(10n+8){background-color:hsl(var(--chart-4));animation-delay:-1.6s;left:90%}.confetti:nth-child(10n+9){background-color:hsl(var(--chart-5));animation-delay:-1.8s;left:100%}.confetti:nth-child(7n){animation-duration:3s}.confetti:nth-child(7n+1){animation-duration:4s}.confetti:nth-child(7n+2){animation-duration:5.5s}.confetti:nth-child(7n+3){animation-duration:6s}