.confetti-layer{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;left:var(--x);top:-18px;width:9px;height:15px;border-radius:2px;background:var(--color);box-shadow:0 1px 2px #0004;animation:confettiFall var(--duration) cubic-bezier(.18,.65,.42,1) var(--delay) forwards}@keyframes confettiFall{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:1}85%{opacity:1}100%{transform:translate3d(var(--drift),105vh,0) rotate(var(--spin));opacity:0}}@media(prefers-reduced-motion:reduce){.confetti-piece{animation-duration:.7s}}