.celebrate-burst{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.celebrate-particle{opacity:0;--angle:calc(360deg / var(--n) * var(--i));--dist:46px;background:radial-gradient(circle, var(--mote,#d89ac4e6), transparent 70%);width:6px;height:6px;animation:.9s ease-out forwards celebrate-mote;animation-delay:calc(var(--i) * 24ms);border-radius:50%;position:absolute;top:50%;left:50%}.celebrate-burst[data-tone=gold] .celebrate-particle{--mote:#e2b85ae6}.celebrate-burst[data-tone=teal] .celebrate-particle{--mote:#7ac4bce6}@keyframes celebrate-mote{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(.4)}30%{opacity:.85}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(var(--dist) * -1)) scale(1)}}@media (prefers-reduced-motion:reduce){.celebrate-burst{display:none}}