.octo{--octo-lamp:#ffd27a;display:block;width:100%;height:100%;overflow:visible}.octo *{transform-box:view-box}.octo .octo-eye,.octo .octo-spark{transform-box:fill-box;transform-origin:center}.octo .octo-beam{transform-origin:100px 35px;opacity:0}.octo .octo-prop{transform-origin:100px 18px}.octo .octo-beanie,.octo .octo-eyes-happy,.octo .octo-eyes-x,.octo .octo-kbd,.octo .octo-mouth-sad,.octo .octo-sparks{display:none}.octo.octo--think{--octo-lamp:#8fd3ff}.octo.octo--done{--octo-lamp:#ffe7a0}.octo.octo--error{--octo-lamp:#ff6a5c}.octo.octo--done .octo-eyes,.octo.octo--error .octo-eyes,.octo.octo--error .octo-mouth,.octo.octo--hello .octo-eyes{display:none}.octo.octo--done .octo-eyes-happy,.octo.octo--done .octo-sparks,.octo.octo--error .octo-eyes-x,.octo.octo--error .octo-mouth-sad,.octo.octo--hello .octo-eyes-happy,.octo.octo--sparkle .octo-sparks,.octo.octo--type .octo-kbd{display:inline}.octo.octo--thinkcap .octo-cap{display:none}.octo.octo--thinkcap .octo-beanie{display:inline}.octo.octo--think .octo-beam{opacity:1}.octo.octo--think .octo-eyes,.octo.octo--thinkcap .octo-eyes{transform:translate(2px,-3px)}.octo.octo--type .octo-eyes{transform:translateY(3px)}.octo.octo--doze .octo-eye{transform:scaleY(.3)}.octo.octo--doze .octo-lamp{opacity:.6}.octo.octo--error .octo-arm path{stroke:#0e5e59;stroke-width:1.6;stroke-linejoin:round}@keyframes octo-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes octo-blink{0%,90%,94%,98%,to{transform:scaleY(1)}92%,96%{transform:scaleY(.1)}}@keyframes octo-breathe{0%{opacity:.45}to{opacity:.95}}@keyframes octo-sweep{0%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.06);opacity:.3}to{transform:scaleX(-1);opacity:1}}@keyframes octo-prop{0%{transform:scaleX(1)}to{transform:scaleX(-1)}}@keyframes octo-bounce{0%,to{transform:translateY(0)}28%{transform:translateY(-12px)}48%{transform:translateY(0)}60%{transform:translateY(-4px)}72%{transform:translateY(0)}}@keyframes octo-twinkle{0%,to{transform:scale(.2);opacity:0}50%{transform:scale(1);opacity:1}}@keyframes octo-shake{0%,30%,to{transform:translateX(0)}6%{transform:translateX(-3px)}12%{transform:translateX(3px)}18%{transform:translateX(-2px)}24%{transform:translateX(2px)}}@keyframes octo-flicker{0%,to{opacity:1}8%{opacity:.15}11%{opacity:1}38%{opacity:.25}41%{opacity:1}}@keyframes octo-look{0%,20%,to{transform:translate(0)}30%,45%{transform:translate(-4px)}60%,75%{transform:translate(4px)}}@keyframes octo-peek{0%,to{transform:translateY(60px)}30%,70%{transform:translateY(0)}}.octo.octo--animate .octo-halo{animation:octo-breathe 1.8s ease-in-out infinite alternate}.octo.octo--animate.octo--hello .octo-body,.octo.octo--animate.octo--idle .octo-body,.octo.octo--animate.octo--think .octo-body,.octo.octo--animate.octo--thinkcap .octo-body{animation:octo-float 2.6s ease-in-out infinite alternate}.octo.octo--animate.octo--idle .octo-eye,.octo.octo--animate.octo--type .octo-eye,.octo.octo--animate.octo--walk .octo-eye{animation:octo-blink 5s infinite}.octo.octo--animate.octo--think .octo-beam{animation:octo-sweep 2.2s ease-in-out infinite alternate}.octo.octo--animate.octo--thinkcap .octo-prop{animation:octo-prop .32s linear infinite alternate}.octo.octo--animate.octo--done .octo-body,.octo.octo--animate.octo--hop .octo-body{animation:octo-bounce 1.6s ease-in-out infinite}.octo.octo--animate .octo-sparks .octo-spark{animation:octo-twinkle 1.6s ease-in-out infinite}.octo.octo--animate .octo-sparks .octo-spark:nth-child(2){animation-delay:.3s}.octo.octo--animate .octo-sparks .octo-spark:nth-child(3){animation-delay:.6s}.octo.octo--animate.octo--error .octo-body{animation:octo-shake 2s linear infinite}.octo.octo--animate.octo--error .octo-lamp{animation:octo-flicker 2s steps(1) infinite}.octo.octo--animate.octo--look .octo-eyes{animation:octo-look 6s ease-in-out infinite}.octo.octo--animate.octo--peek .octo-body{animation:octo-peek 4s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.octo *{animation:none!important}}