.mascot-wrap{width:190px;height:190px;margin:2px auto 4px;position:relative}.mascot{width:100%;height:100%;display:block}.mascot .body-shape{transition:fill .35s}@keyframes squish{0%,to{transform:scale(1)}30%{transform:scale(1.06,.92)}60%{transform:scale(.95,1.06)}}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mascot-wrap.in .mascot{animation:3s ease-in-out infinite float}.mascot-wrap.out .mascot{transform-origin:50% 90%;animation:1.1s ease-in-out infinite wobble}.mascot-wrap.celebrate .mascot{animation:.6s ease-in-out squish}.confetti{z-index:35;pointer-events:none;border-radius:2px;width:11px;height:16px;position:absolute;top:0}@keyframes fall{to{opacity:0;transform:translateY(820px)rotate(720deg)}}@media (prefers-reduced-motion:reduce){.mascot-wrap.in .mascot,.mascot-wrap.out .mascot,.mascot-wrap.celebrate .mascot{animation:none}.confetti{display:none}}