.confetti-burst{--cf-c0:var(--accent-orange);--cf-c1:#ff9f5e;--cf-c2:#e8e1cdd9;pointer-events:none;width:0;height:0;position:absolute;top:45%;left:50%}.confetti-burst[data-palette=gold]{--cf-c0:var(--gold);--cf-c1:var(--gold-hi);--cf-c2:var(--rank-s-light)}.confetti-burst[data-palette=cool]{--cf-c0:var(--white-90);--cf-c1:#c9d1d6;--cf-c2:var(--rank-a-stage)}.confetti-burst__piece{width:var(--cf-size,.375rem);height:var(--cf-size,.375rem);background:var(--cf-c0);opacity:0;animation:confetti-burst-fly 1.6s cubic-bezier(.18, .7, .32, 1) calc(var(--cf-start,0s) + var(--cf-delay,0s)) both;border-radius:1px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.confetti-burst__piece--c1{background:var(--cf-c1)}.confetti-burst__piece--c2{background:var(--cf-c2)}.confetti-burst__piece--s1{height:calc(var(--cf-size,.375rem) * 1.7)}.confetti-burst__piece--s2{border-radius:50%}@keyframes confetti-burst-fly{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)}8%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--cf-tx,0px)), calc(-50% + var(--cf-ty,0px) + 2.5rem)) rotate(var(--cf-rotate,0deg))}}