.pixel-runner{--pr-width: 30px;--pr-height: 42px;--pr-duration: 3.45s;--pr-delay: 0s;--pr-start-x: 12px;--pr-stop-x: calc(100cqi - var(--pr-width) - 10px);--pr-orange: var(--color-orange);container-type:inline-size;position:absolute;bottom:-12px;left:0;right:0;height:var(--pr-height);pointer-events:none;z-index:2}.pixel-runner__sprite{position:absolute;left:0;bottom:0;width:var(--pr-width);height:var(--pr-height);opacity:1;transform:translate(var(--pr-start-x));will-change:transform,opacity}.pixel-runner__body{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.pixel-runner__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;overflow:hidden;filter:drop-shadow(0 1px 0 rgba(255,255,255,.7))}.pixel-runner__svg--run{opacity:0}.pixel-runner__svg--stand{opacity:1}.pixel-runner__sign{position:absolute;left:50%;bottom:calc(100% + 1px);padding:2px 6px 3px;border:1px solid var(--pr-orange);border-radius:3px;background:var(--color-white);color:var(--pr-orange);font-family:var(--font-mono);font-size:9px;font-weight:600;line-height:1;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate(-50%,16px) scale(.9);transform-origin:bottom center;will-change:transform,opacity}.pixel-runner__sign:after{content:"";position:absolute;left:50%;bottom:-5px;width:1px;height:5px;background:var(--pr-orange)}.pixel-runner__sign-arm{position:absolute;bottom:-7px;width:8px;height:1px;background:var(--pr-orange);transform-origin:center}.pixel-runner__sign-arm--left{left:calc(50% - 9px);transform:rotate(-34deg)}.pixel-runner__sign-arm--right{left:calc(50% + 1px);transform:rotate(34deg)}.pixel-runner__speed-lines{position:absolute;left:-15px;top:50%;width:13px;height:16px;transform:translateY(-48%);opacity:0;pointer-events:none}.pixel-runner__speed-line{position:absolute;right:0;height:1px;background:var(--pr-orange);opacity:.72}.pixel-runner__speed-line--top{top:3px;width:7px}.pixel-runner__speed-line--mid{top:7px;width:13px}.pixel-runner__speed-line--bottom{top:11px;width:9px}.pixel-runner--running .pixel-runner__sprite{animation:pixel-runner-sprint var(--pr-duration) cubic-bezier(.18,.72,.16,1) var(--pr-delay) both}.pixel-runner--running .pixel-runner__body{animation:pixel-runner-hop var(--pr-duration) cubic-bezier(.2,.8,.2,1) var(--pr-delay) both}.pixel-runner--running .pixel-runner__svg--run{animation:pixel-runner-run-frames var(--pr-duration) steps(1,end) var(--pr-delay) both}.pixel-runner--running .pixel-runner__svg--stand{animation:pixel-runner-stand-frames var(--pr-duration) steps(1,end) var(--pr-delay) both}.pixel-runner--running .pixel-runner__sign{animation:pixel-runner-sign var(--pr-duration) cubic-bezier(.18,.72,.16,1) var(--pr-delay) both}.pixel-runner--running .pixel-runner__speed-lines{animation:pixel-runner-trail var(--pr-duration) cubic-bezier(.18,.72,.16,1) var(--pr-delay) both}@keyframes pixel-runner-sprint{0%{opacity:1;transform:translate(var(--pr-start-x))}28%{opacity:1;transform:translate(var(--pr-start-x))}70%{opacity:1;transform:translate(var(--pr-stop-x))}76%{opacity:1;transform:translate(calc(var(--pr-stop-x) - 4px))}to{opacity:1;transform:translate(var(--pr-stop-x))}}@keyframes pixel-runner-run-frames{0%,27%{opacity:0}28%,75%{opacity:1}76%,to{opacity:0}}@keyframes pixel-runner-stand-frames{0%,27%{opacity:1}28%,75%{opacity:0}76%,to{opacity:1}}@keyframes pixel-runner-sign{0%,72%{opacity:0;transform:translate(-50%,16px) scale(.9)}78%{opacity:1;transform:translate(-50%,6px) scale(.98)}84%{opacity:1;transform:translate(-50%,-8px) scale(1.05)}89%{opacity:1;transform:translate(-50%,-2px) scale(1)}95%{opacity:1;transform:translate(-50%,-6px) scale(1.03)}to{opacity:1;transform:translate(-50%,-2px) scale(1)}}@keyframes pixel-runner-hop{0%,76%{transform:translateY(0)}83%{transform:translateY(-9px)}89%{transform:translateY(0)}95%{transform:translateY(-7px)}99%,to{transform:translateY(0)}}@keyframes pixel-runner-trail{0%,32%{opacity:0}38%{opacity:1}70%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.pixel-runner{display:none}}@media (max-width: 900px){.pixel-runner{display:none}}