.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)}}@media (prefers-reduced-motion:reduce){.blott-runner,.blott-peeker,.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}}@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)}}.blott-sealed{animation:1.1s cubic-bezier(.3,0,.2,1) 2 blott-bounce}