.tlyb-track{width:100%;height:var(--tlyb-size,56px);pointer-events:none;position:relative}.tlyb-track--ground:after{content:"";border-bottom:1px dashed #f26a1f59;position:absolute;bottom:0;left:0;right:0}.tlyb-mover{width:var(--tlyb-size,56px);height:var(--tlyb-size,56px);position:absolute;bottom:1px;right:0}.tlyb-track.is-live .tlyb-mover{left:0;right:auto}.tlyb-body{pointer-events:auto;cursor:pointer;filter:drop-shadow(0 4px 6px #0e17262e);-webkit-tap-highlight-color:transparent;width:100%;height:100%}.tlyb-body.tlyb-tap:not(.is-hop){filter:none}.tlyb-face{width:100%;height:100%;transform:scaleX(var(--tlyb-face,1));transition:transform .18s}.tlyb-face svg{transform-origin:50% 100%;width:100%;height:100%;display:block}.tlyb-ball{right:calc(var(--tlyb-size,56px) * 1.1);width:calc(var(--tlyb-size,56px) * .3);height:calc(var(--tlyb-size,56px) * .3);pointer-events:none;filter:drop-shadow(0 2px 2px #0e172638);position:absolute;bottom:1px}.tlyb-track.is-live .tlyb-ball{left:0;right:auto}.tlyb-ball svg{width:100%;height:100%;transform:rotate(var(--tlyb-spin,0deg));transition:transform var(--tlyb-roll,0s) cubic-bezier(.2, .7, .3, 1);display:block}.tlyb-head{transform-box:fill-box;transform-origin:50% 90%}.tlyb-eye{transform-box:fill-box;transform-origin:50%;animation:6s infinite tlyb-blink}.tlyb-wave{opacity:0}.tlyb-body.is-chirp .tlyb-head{animation:3s ease-in-out tlyb-wiggle}.tlyb-body.is-chirp .tlyb-wave{animation:3.4s ease-out tlyb-chirp}.tlyb-body.is-chirp .tlyb-wave:nth-child(2){animation-delay:.12s}.tlyb-body.is-chirp .tlyb-wave:nth-child(3){animation-delay:.24s}.tlyb-body.is-walking .tlyb-face svg{animation:.36s ease-in-out infinite tlyb-step}.tlyb-body.is-flying{animation:tlyb-fly var(--tlyb-dur,1.1s) cubic-bezier(.45, .05, .35, 1)}.tlyb-body.is-hop{animation:.65s cubic-bezier(.3,1.6,.5,1) tlyb-hop}.tlyb-body.is-kick{animation:.42s cubic-bezier(.3,1.4,.5,1) tlyb-kick}.tlyb-greet .tlyb-body{filter:none}.tlyb-body.is-hello{animation:.65s cubic-bezier(.3,1.6,.5,1) .5s backwards tlyb-hop}.tlyb-body.is-hello .tlyb-head{animation:3s ease-in-out .9s tlyb-wiggle}.tlyb-body.is-hello .tlyb-wave{animation:3.4s ease-out .9s tlyb-chirp}.tlyb-body.is-hello .tlyb-wave:nth-child(2){animation-delay:1.02s}.tlyb-body.is-hello .tlyb-wave:nth-child(3){animation-delay:1.14s}.tlyb-badge{-webkit-tap-highlight-color:transparent}.tlyb-badge .tlyb-body{filter:none;transform-origin:50% 100%}.tlyb-body.tlyb-idle{animation:4.6s ease-in-out infinite tlyb-bob}.tlyb-body.tlyb-idle .tlyb-head{animation:9s ease-in-out 1.4s infinite tlyb-look}.tlyb-body.tlyb-idle .tlyb-wave{animation:9s ease-out 1.4s infinite tlyb-idle-chirp}.tlyb-body.tlyb-idle .tlyb-wave:nth-child(2){animation-delay:1.52s}.tlyb-body.tlyb-idle .tlyb-wave:nth-child(3){animation-delay:1.64s}@keyframes tlyb-step{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-5%)rotate(-3deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(-5%)rotate(3deg)}}@keyframes tlyb-fly{0%{transform:translateY(0)rotate(0)}20%{transform:translateY(-38%)rotate(-8deg)}50%{transform:translateY(-55%)rotate(-4deg)}80%{transform:translateY(-22%)rotate(4deg)}to{transform:translateY(0)rotate(0)}}@keyframes tlyb-hop{0%{transform:translateY(0)scale(1)}20%{transform:translateY(0)scale(1.08,.9)}50%{transform:translateY(-30%)scale(.95,1.06)}80%{transform:translateY(0)scale(1.06,.94)}to{transform:translateY(0)scale(1)}}@keyframes tlyb-kick{0%{transform:translate(0)rotate(0)}35%{transform:translateX(calc(var(--tlyb-face,1) * -6%)) rotate(calc(var(--tlyb-face,1) * -6deg))}60%{transform:translateX(calc(var(--tlyb-face,1) * 10%)) rotate(calc(var(--tlyb-face,1) * 8deg))}to{transform:translate(0)rotate(0)}}@keyframes tlyb-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes tlyb-wiggle{0%,30%,to{transform:rotate(0)}5%{transform:rotate(-5deg)}10%{transform:rotate(4deg)}15%{transform:rotate(-3deg)}20%{transform:rotate(2deg)}25%{transform:rotate(-1deg)}}@keyframes tlyb-chirp{0%,2%{opacity:0}6%,18%{opacity:1}26%,to{opacity:0}}@keyframes tlyb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5%)}}@keyframes tlyb-look{0%,58%,to{transform:rotate(0)}61%{transform:rotate(-6deg)}64%{transform:rotate(5deg)}67%{transform:rotate(-3deg)}70%{transform:rotate(2deg)}73%{transform:rotate(0)}}@keyframes tlyb-idle-chirp{0%,60%{opacity:0}62%,68%{opacity:1}72%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.tlyb-body,.tlyb-body *,.tlyb-eye,.tlyb-ball svg{transition:none!important;animation:none!important}}