.celebration-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:1px;pointer-events:none}.particle{position:absolute;opacity:0;animation:burst 1.5s ease-out forwards}@keyframes burst{0%{transform:translate(0) scale(.5);opacity:1}to{transform:translate(calc(cos(var(--angle)) * var(--distance)),calc(sin(var(--angle)) * var(--distance))) scale(0);opacity:0}}.particle:first-child{--angle:0deg;--distance:60px;animation-delay:0s}.particle:nth-child(2){--angle:24deg;--distance:70px;animation-delay:.05s}.particle:nth-child(3){--angle:48deg;--distance:80px;animation-delay:.1s}.particle:nth-child(4){--angle:72deg;--distance:65px;animation-delay:.15s}.particle:nth-child(5){--angle:96deg;--distance:75px;animation-delay:.2s}.particle:nth-child(6){--angle:120deg;--distance:85px;animation-delay:.25s}.particle:nth-child(7){--angle:144deg;--distance:60px;animation-delay:.3s}.particle:nth-child(8){--angle:168deg;--distance:70px;animation-delay:.35s}.particle:nth-child(9){--angle:192deg;--distance:80px;animation-delay:.4s}.particle:nth-child(10){--angle:216deg;--distance:65px;animation-delay:.45s}.particle:nth-child(11){--angle:240deg;--distance:75px;animation-delay:.5s}.particle:nth-child(12){--angle:264deg;--distance:85px;animation-delay:.55s}.particle:nth-child(13){--angle:288deg;--distance:60px;animation-delay:.6s}.particle:nth-child(14){--angle:312deg;--distance:70px;animation-delay:.65s}.particle:nth-child(15){--angle:336deg;--distance:80px;animation-delay:.7s}