.happycoin-mascot{cursor:pointer;vertical-align:middle;aspect-ratio:1;filter:drop-shadow(0 10px 24px #e6a62130);background:0 0;border:0;width:100%;padding:0;display:inline-block;position:relative}.happycoin-mascot:focus-visible{outline-offset:4px;border-radius:50%;outline:2px solid #47a6ff}.happycoin-tears{pointer-events:none;position:absolute;inset:0}.happycoin-tears i{background:linear-gradient(135deg,#c7f5ff,#219bff);border-radius:60% 40% 60% 60%;width:7%;height:13%;animation:.8s ease-in infinite happycoin-tear;position:absolute;top:47%;left:29%;transform:rotate(-20deg)}.happycoin-tears i+i{animation-delay:.25s;left:64%}@keyframes happycoin-tear{0%{opacity:1;translate:0}to{opacity:0;translate:0 100%}}@media (prefers-reduced-motion:reduce){.happycoin-tears i{animation:none}}.happycoin-mascot[data-appearance=body]{aspect-ratio:2/3}
.happycoin-face{--gaze-x:0;--gaze-y:0;width:100%;height:100%;display:block;position:relative}.happycoin-face .happycoin-sprite{background-image:url(/mascots/happycash-directions.png);background-position:50%;background-repeat:no-repeat;background-size:300% 300%;display:block;position:absolute;inset:0}.happycoin-eye{background:radial-gradient(at 50% 25%,#291803,#100b02);border-radius:50%;width:13%;height:14%;position:absolute;top:30%;overflow:hidden}.happycoin-eye-left{left:29%}.happycoin-eye-right{left:56%}.happycoin-pupil{transform:translate(calc(var(--gaze-x) * 22%), calc(var(--gaze-y) * 20%));clip-path:polygon(50% 0%,64% 35%,100% 50%,64% 65%,50% 100%,36% 65%,0% 50%,36% 35%);filter:drop-shadow(0 0 2px #ffdf42);background:radial-gradient(circle,#fff 0 17%,#fff8a7 20% 42%,#ffc600 70%);transition:transform .1s ease-out;position:absolute;inset:15% 12%}.happycoin-face[data-appearance=body] .happycoin-sprite{background-image:url(/mascots/olhosmexendo.png);background-position:0 0;background-size:400% 200%;-webkit-mask-image:linear-gradient(#0000,#000 4% 98%,#0000);mask-image:linear-gradient(#0000,#000 4% 98%,#0000)}.happycoin-face[data-appearance=body] .happycoin-eye{border-radius:50% 50% 25% 25%;width:15%;height:10.5%;top:24%}.happycoin-face[data-appearance=body] .happycoin-eye-left{left:36%}.happycoin-face[data-appearance=body] .happycoin-eye-right{left:61%}.happycoin-reaction-art{background:url(/mascots/happycash-reactions.png) 0 0/300% 300% no-repeat;position:absolute;inset:0}.happycoin-face[data-expression=reaction] .happycoin-eye,.happycoin-face[data-appearance=coin][data-expression=reaction] .happycoin-sprite{visibility:hidden}.happycoin-face[data-appearance=body] .happycoin-reaction-art{width:74%;height:54%;inset:7% auto auto 20%;-webkit-mask-image:radial-gradient(38% 40% at 50% 48%,#000 96%,#0000 100%);mask-image:radial-gradient(38% 40% at 50% 48%,#000 96%,#0000 100%)}@media (prefers-reduced-motion:reduce){.happycoin-pupil{transition:none}}