.confetti{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:0;block-size:0;pointer-events:none;z-index:2}.confetti__p{position:absolute;inline-size:var(--s-2);block-size:var(--s-1_5);margin-inline-start:calc(-.5 * var(--s-2));margin-block-start:calc(-.5 * var(--s-1_5));background:var(--c);border-radius:var(--r-xs);opacity:0;animation:confetti-fly calc(var(--dur-slow) * 2.6) var(--ease-settle) forwards}.confetti__p--dot{inline-size:var(--s-1_5);margin-inline-start:calc(-.5 * var(--s-1_5));border-radius:50%}@keyframes confetti-fly{0%{opacity:1;transform:translate(0) scale(.4) rotate(0deg)}65%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(1) rotate(var(--turn))}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) + var(--s-4))) scale(.9) rotate(calc(var(--turn) * 1.6))}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}