.blott-frame{display:inline-block;position:relative;overflow:visible}.blott-canvas{transition:opacity .24s ease-out;display:block}.blott-fallback{transform-origin:50% 60%;transition:transform .18s ease-out;position:absolute;inset:0}.blott-sprite{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 10px 14px #00000047);display:block}.blott-sprite.is-flipped{transform:scaleX(-1)}.blott-gait{display:block;position:relative}.blott-gait .blott-sprite{opacity:0;position:absolute;inset:0}.blott-gait .gait-a{animation:.32s step-end infinite blott-gait-a;position:static}.blott-gait .gait-b{animation:.32s step-end infinite blott-gait-b}@keyframes blott-gait-a{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes blott-gait-b{0%,49%{opacity:0}50%,to{opacity:1}}.blott-runner{z-index:30;pointer-events:none;will-change:transform;animation:6.5s linear forwards blott-run-across;position:fixed;left:0}.blott-runner.is-leftward{animation-name:blott-run-across-left}@keyframes blott-run-across{0%{transform:translate(-120px)}to{transform:translate(calc(100vw + 120px))}}@keyframes blott-run-across-left{0%{transform:translate(calc(100vw + 120px))}to{transform:translate(-120px)}}.blott-runner .gait-leap,.blott-runner .gait-tumble{opacity:0}.blott-runner.is-leap .blott-gait{animation:6.5s linear blott-leap}.blott-runner.is-leap .gait-leap{animation:6.5s step-end blott-show-mid}.blott-runner.is-leap .gait-a,.blott-runner.is-leap .gait-b{animation-name:blott-gait-a-hide-mid,blott-gait-a;animation-duration:6.5s,.32s;animation-timing-function:step-end,step-end;animation-iteration-count:1,infinite}.blott-runner.is-leap .gait-b{animation-name:blott-gait-a-hide-mid,blott-gait-b}@keyframes blott-leap{0%,38%{transform:translateY(0)}50%{transform:translateY(-90px)rotate(-6deg)}62%,to{transform:translateY(0)}}@keyframes blott-show-mid{0%,39%{opacity:0}40%,61%{opacity:1}62%,to{opacity:0}}@keyframes blott-gait-a-hide-mid{0%,39%{visibility:visible}40%,61%{visibility:hidden}62%,to{visibility:visible}}.blott-runner.is-tumble .blott-gait{animation:6.5s linear blott-trip}.blott-runner.is-tumble .gait-tumble{animation:6.5s step-end blott-show-late,.6s linear infinite blott-somersault}.blott-runner.is-tumble .gait-a,.blott-runner.is-tumble .gait-b{animation-name:blott-gait-hide-late,blott-gait-a;animation-duration:6.5s,.32s;animation-timing-function:step-end,step-end;animation-iteration-count:1,infinite}.blott-runner.is-tumble .gait-b{animation-name:blott-gait-hide-late,blott-gait-b}@keyframes blott-trip{0%,64%{transform:translateY(0)}70%{transform:translateY(-30px)}76%,to{transform:translateY(6px)}}@keyframes blott-show-late{0%,65%{opacity:0}66%,to{opacity:1}}@keyframes blott-gait-hide-late{0%,65%{visibility:visible}66%,to{visibility:hidden}}@keyframes blott-somersault{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blott-peeker{z-index:30;pointer-events:none;will-change:transform;position:fixed;top:42vh}.blott-peeker.is-right{animation:4.8s cubic-bezier(.2,.9,.3,1.2) both blott-peek-right;right:0}.blott-peeker.is-left{animation:4.8s cubic-bezier(.2,.9,.3,1.2) both blott-peek-left;left:0}@keyframes blott-peek-right{0%{transform:translate(110%)rotate(0)}25%{transform:translate(28%)rotate(-10deg)}45%{transform:translate(22%)rotate(-6deg)}60%{transform:translate(26%)rotate(-12deg)}80%{transform:translate(24%)rotate(-8deg)}to{transform:translate(110%)rotate(0)}}@keyframes blott-peek-left{0%{transform:translate(-110%)rotate(0)}25%{transform:translate(-28%)rotate(10deg)}45%{transform:translate(-22%)rotate(6deg)}60%{transform:translate(-26%)rotate(12deg)}80%{transform:translate(-24%)rotate(8deg)}to{transform:translate(-110%)rotate(0)}}.blott-playground{border-radius:var(--radius-lg,16px);background:radial-gradient(60% 40% at 50% 100%, #ffffff14, transparent 70%), var(--color-raised);height:120px;position:relative;overflow:hidden}.blott-actor{will-change:transform;position:absolute;bottom:8px;transform:translate(-50%)}.blott-actor.is-bounce{animation:1.1s cubic-bezier(.3,0,.2,1) infinite blott-bounce}.blott-actor.is-dance{animation:.9s ease-in-out infinite alternate blott-dance}.blott-actor.is-wave{animation:1.6s ease-in-out infinite blott-wiggle}.blott-actor.is-nap{animation:3.2s ease-in-out infinite blott-snore}.blott-actor.is-tumble{animation:2.4s linear infinite blott-actor-somersault}.blott-actor.is-leap{animation:1.9s cubic-bezier(.3,0,.2,1) infinite blott-leap-loop}.blott-actor.is-dash{animation:5.5s ease-in-out infinite blott-dash}@keyframes blott-bounce{0%,to{transform:translate(-50%)scale(1)}20%{transform:translate(-50%)scale(1.08,.92)}55%{transform:translate(-50%,-34px)scale(.96,1.06)}}@keyframes blott-dance{0%{transform:translate(-50%)rotate(-9deg)}to{transform:translate(-50%,-6px)rotate(9deg)}}@keyframes blott-wiggle{0%,to{transform:translate(-50%)rotate(0)}30%{transform:translate(-50%,-4px)rotate(-8deg)}60%{transform:translate(-50%)rotate(6deg)}}@keyframes blott-snore{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05,.96)}}@keyframes blott-actor-somersault{0%{transform:translate(-50%)rotate(0)}40%{transform:translate(-50%,-18px)rotate(180deg)}to{transform:translate(-50%)rotate(360deg)}}@keyframes blott-leap-loop{0%,to{transform:translate(-50%)}45%{transform:translate(-50%,-52px)rotate(-8deg)}}@keyframes blott-dash{0%{transform:translate(-50%)scaleX(1)}45%{transform:translate(calc(140px - 50%))scaleX(1)}50%{transform:translate(calc(140px - 50%))scaleX(-1)}95%{transform:translate(-50%)scaleX(-1)}to{transform:translate(-50%)scaleX(1)}}.blott-playground.is-still .blott-actor{animation:none}@media (prefers-reduced-motion:reduce){.blott-runner,.blott-peeker,.blott-actor,.blott-gait .blott-sprite{animation:none!important}.blott-gait .gait-b,.blott-gait .gait-leap,.blott-gait .gait-tumble{display:none}.blott-gait .gait-a{opacity:1}}.blott-sealed{animation:1.1s cubic-bezier(.3,0,.2,1) 2 blott-bounce}