.rank-confetti-container{position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;width:500px;height:500px;max-width:85vw;max-height:85vh;z-index:9999;pointer-events:none;display:none;overflow:visible;transition:opacity .5s ease;opacity:1}.rank-confetti-container.active{display:block}.rank-confetti-container.shrinking{transition:transform .5s cubic-bezier(.4, 0, .2, 1),opacity .5s .2s ease;opacity:0}@keyframes zoomOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}#general-animation-container{position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;width:500px;height:500px;max-width:85vw;max-height:85vh;z-index:9998;pointer-events:none;opacity:0;transition:opacity .4s ease;overflow:visible;transform:scale(1)}#general-animation-container.active{opacity:1}#favorite-animation-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;z-index:9999;pointer-events:none;opacity:0;transition:opacity .4s ease,transform .4s cubic-bezier(.4, 0, .2, 1)}#favorite-animation-container.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.zooming-out{animation:zoomOut .4s cubic-bezier(.4,0,.2,1) forwards}.leaderboard-rank-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;pointer-events:none;z-index:1}.leaderboard-rank{position:relative}