[data-mascot=on] [data-tick-item] .tick-icon{opacity:.18;transition:opacity .25s,transform .25s;transform:scale(.8)}[data-mascot=on] [data-tick-item][data-ticked=true] .tick-icon{opacity:1;animation:.45s ease-out mascot-tick-pop;transform:scale(1)}@keyframes mascot-tick-pop{0%{transform:scale(.6)}60%{transform:scale(1.55)}to{transform:scale(1)}}.mascot{z-index:30;pointer-events:none;opacity:0;will-change:transform;width:34px;height:56px;transition:transform .5s cubic-bezier(.4,.1,.3,1),opacity .3s;position:absolute;top:0;left:0}.mascot[data-visible=true]{opacity:1}.mascot svg{display:block;overflow:visible}.mascot .body-wrap.hop{animation:.6s ease-out mascot-hop}@keyframes mascot-hop{0%{transform:translateY(0)}45%{transform:translateY(-46px)}to{transform:translateY(0)}}.mascot .part{transform-box:fill-box;transform-origin:50% 0}.mascot[data-walking=true] .leg-l{animation:.38s linear infinite mascot-leg}.mascot[data-walking=true] .leg-r,.mascot[data-walking=true] .arm-l{animation:.38s linear infinite reverse mascot-leg}@keyframes mascot-leg{0%,to{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}.mascot[data-pose=tick] .arm-r{animation:.4s ease-out mascot-arm-tick}@keyframes mascot-arm-tick{0%{transform:rotate(0)}40%{transform:rotate(-140deg)}to{transform:rotate(0)}}.mascot[data-pose=wave] .arm-r{animation:.5s ease-in-out 2 mascot-arm-wave}@keyframes mascot-arm-wave{0%,to{transform:rotate(-150deg)}50%{transform:rotate(-120deg)}}.mascot .cam{opacity:0}.mascot[data-pose=photo] .cam{opacity:1}.mascot[data-pose=photo] .arm-r,.mascot[data-pose=photo] .arm-l{transform:rotate(-95deg)}.mascot .flash{opacity:0;background:radial-gradient(circle,#fffffff2,#fff4d666 40%,#0000 70%);border-radius:50%;width:90px;height:90px;margin:-45px 0 0 -45px;position:absolute;top:14px;left:30px}.mascot[data-flash=true] .flash{animation:.55s ease-out mascot-flash}@keyframes mascot-flash{0%{opacity:0;transform:scale(.3)}15%{opacity:.9}to{opacity:0;transform:scale(1.4)}}@media (prefers-reduced-motion:reduce){.mascot,.mascot *{transition:none!important;animation:none!important}}[data-mascot=on] [data-tick-item][data-ticked=true] .tick-icon.text-white\/30{color:#ffffffd9}