@keyframes sh-breathe{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.34}}@keyframes sh-step{0%,50%,to{transform:scale(1.04);opacity:.34}25%,75%{transform:scale(.96);opacity:.28}}.demo-idle .fox-bob{animation:id-breathe 3.8s ease-in-out infinite}.demo-idle .fox-root{animation:id-shift 7s ease-in-out infinite}.demo-idle .fox-pivot{animation:id-roll 7s ease-in-out infinite}.demo-idle .tail{animation:id-tail 2.7s ease-in-out infinite}.demo-idle .arm-l{animation:id-arml 4.6s ease-in-out infinite}.demo-idle .arm-r{animation:id-armr 5.3s ease-in-out infinite}.demo-idle .head{animation:id-head 9s ease-in-out infinite}.demo-idle .fox-shadow{animation:sh-breathe 3.8s ease-in-out infinite}@keyframes id-breathe{0%{transform:translateY(1px) scale(1);animation-timing-function:cubic-bezier(.4,0,.5,1)}42%{transform:translateY(-3px) scale(.99,1.02);animation-timing-function:cubic-bezier(.45,0,.55,1)}to{transform:translateY(1px) scale(1)}}@keyframes id-shift{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}@keyframes id-roll{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}@keyframes id-tail{0%,to{transform:rotate(-8deg)}50%{transform:rotate(11deg)}}@keyframes id-arml{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes id-armr{0%,to{transform:rotate(3deg)}50%{transform:rotate(-3deg)}}@keyframes id-head{0%,to{transform:rotate(0)}30%{transform:rotate(-4deg)}55%{transform:rotate(3deg)}80%{transform:rotate(-2deg)}}.demo-wave .fox-bob{animation:wv-bob 1.9s ease-in-out infinite}.demo-wave .fox-pivot{animation:wv-lean 3.6s ease-in-out infinite}.demo-wave .tail{animation:wv-tailwag 1.05s ease-in-out infinite}.demo-wave .head{animation:wv-head 3.6s ease-in-out infinite}.demo-wave .arm-r{animation:wv-arm 3.6s ease-in-out infinite}.demo-wave .forearm-r{animation:wv-fore 3.6s ease-in-out infinite}.demo-wave .hand-r{animation:wv-hand 3.6s ease-in-out infinite}.demo-wave .arm-l{animation:id-arml 4.6s ease-in-out infinite}.demo-wave .fox-shadow{animation:sh-breathe 3.8s ease-in-out infinite}@keyframes wv-arm{0%{transform:rotate(10deg);animation-timing-function:cubic-bezier(.3,1.5,.6,1)}6%{transform:rotate(18deg)}14%{transform:rotate(-152deg)}82%{transform:rotate(-150deg)}94%,to{transform:rotate(10deg)}}@keyframes wv-fore{0%{transform:rotate(8deg)}14%,82%{transform:rotate(22deg)}94%,to{transform:rotate(8deg)}}@keyframes wv-hand{0%,16%{transform:rotate(-6deg)}26%{transform:rotate(30deg)}38%{transform:rotate(-24deg)}50%{transform:rotate(22deg)}62%{transform:rotate(-16deg)}74%{transform:rotate(10deg)}84%{transform:rotate(-4deg)}to{transform:rotate(-6deg)}}@keyframes wv-head{0%,to{transform:rotate(-2deg)}18%{transform:rotate(5deg)}60%{transform:rotate(3deg)}}@keyframes wv-bob{0%,to{transform:translateY(1px) scale(1)}14%{transform:translateY(-4px) scale(.99,1.02)}50%{transform:translateY(-2px) scale(1)}}@keyframes wv-lean{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(2deg)}}@keyframes wv-tailwag{0%,to{transform:rotate(-14deg)}50%{transform:rotate(16deg)}}.demo-swing .fox-pivot{animation:sw-pend 1.7s infinite;transform-origin:50% 7%}.demo-swing .fox-bob{animation:sw-arc 1.7s ease-in-out infinite}.demo-swing .arm-l{animation:sw-armL 1.7s ease-in-out infinite}.demo-swing .arm-r{animation:sw-armR 1.7s ease-in-out infinite}.demo-swing .forearm-l{animation:sw-foreL 1.7s ease-in-out infinite}.demo-swing .forearm-r{animation:sw-foreR 1.7s ease-in-out infinite}.demo-swing .hand-l,.demo-swing .hand-r{animation:sw-grip 1.7s ease-in-out infinite}.demo-swing .leg-l{animation:sw-legL 1.7s ease-in-out infinite}.demo-swing .leg-r{animation:sw-legR 1.7s ease-in-out infinite}.demo-swing .shin-l,.demo-swing .shin-r{animation:sw-shin 1.7s ease-in-out infinite}.demo-swing .tail{animation:sw-tail 1.7s ease-in-out infinite}.demo-swing .head{animation:sw-head 1.7s ease-in-out infinite}.demo-swing .fox-shadow{animation:sw-shadow 1.7s ease-in-out infinite}@keyframes sw-pend{0%{transform:rotate(-21deg);animation-timing-function:cubic-bezier(.42,0,1,.62)}25%{transform:rotate(0);animation-timing-function:cubic-bezier(0,.4,.58,1)}50%{transform:rotate(21deg);animation-timing-function:cubic-bezier(.42,0,1,.62)}75%{transform:rotate(0);animation-timing-function:cubic-bezier(0,.4,.58,1)}to{transform:rotate(-21deg)}}@keyframes sw-arc{0%,50%,to{transform:translateY(-10px)}25%,75%{transform:translateY(5px)}}@keyframes sw-armR{0%,to{transform:rotate(-171deg)}25%{transform:rotate(-173deg)}50%{transform:rotate(-171deg)}75%{transform:rotate(-169deg)}}@keyframes sw-armL{0%,to{transform:rotate(171deg)}25%{transform:rotate(169deg)}50%{transform:rotate(171deg)}75%{transform:rotate(173deg)}}@keyframes sw-foreR{0%,to{transform:rotate(-2deg)}50%{transform:rotate(-4deg)}}@keyframes sw-foreL{0%,to{transform:rotate(2deg)}50%{transform:rotate(4deg)}}@keyframes sw-grip{0%,to{transform:rotate(0)}50%{transform:rotate(-2deg)}}@keyframes sw-legL{0%{transform:rotate(6deg)}20%{transform:rotate(9deg)}55%{transform:rotate(-7deg)}70%{transform:rotate(-9deg)}to{transform:rotate(6deg)}}@keyframes sw-legR{0%{transform:rotate(-3deg)}20%{transform:rotate(0)}55%{transform:rotate(-11deg)}70%{transform:rotate(-13deg)}to{transform:rotate(-3deg)}}@keyframes sw-shin{0%,to{transform:rotate(4deg)}50%{transform:rotate(9deg)}}@keyframes sw-tail{0%{transform:rotate(26deg)}14%{transform:rotate(20deg)}50%{transform:rotate(-24deg)}64%{transform:rotate(-30deg)}82%{transform:rotate(-6deg)}to{transform:rotate(26deg)}}@keyframes sw-head{0%,to{transform:rotate(11deg)}25%{transform:rotate(0)}50%{transform:rotate(-11deg)}75%{transform:rotate(0)}}@keyframes sw-shadow{0%,50%,to{transform:scale(.7);opacity:.2}25%,75%{transform:scale(1.06);opacity:.34}}.demo-walk .fox-pivot{animation:wk-pivot 1.08s ease-in-out infinite}.demo-walk .fox-bob{animation:wk-bob 1.08s ease-in-out infinite}.demo-walk .leg-l{animation:wk-legA 1.08s cubic-bezier(.42,.05,.25,1) infinite}.demo-walk .leg-r{animation:wk-legB 1.08s cubic-bezier(.42,.05,.25,1) infinite}.demo-walk .shin-l{animation:wk-shinA 1.08s ease-in-out infinite}.demo-walk .shin-r{animation:wk-shinB 1.08s ease-in-out infinite}.demo-walk .foot-l{animation:wk-footA 1.08s ease-in-out infinite}.demo-walk .foot-r{animation:wk-footB 1.08s ease-in-out infinite}.demo-walk .arm-l{animation:wk-armB 1.08s ease-in-out infinite}.demo-walk .arm-r{animation:wk-armA 1.08s ease-in-out infinite}.demo-walk .forearm-l{animation:wk-foreB 1.08s ease-in-out infinite}.demo-walk .forearm-r{animation:wk-foreA 1.08s ease-in-out infinite}.demo-walk .head{animation:wk-head 1.08s ease-in-out infinite}.demo-walk .tail{animation:wk-tail 1.08s ease-in-out infinite}.demo-walk .fox-shadow{animation:sh-step 1.08s ease-in-out infinite}@keyframes wk-bob{0%{transform:translateY(-3px) scale(1)}14%{transform:translateY(3px) scale(1.015,.985)}38%{transform:translateY(-4px) scale(1)}50%{transform:translateY(-3px) scale(1)}64%{transform:translateY(3px) scale(1.015,.985)}88%{transform:translateY(-4px) scale(1)}to{transform:translateY(-3px) scale(1)}}@keyframes wk-pivot{0%{transform:rotate(1deg)}25%{transform:rotate(-.6deg)}50%{transform:rotate(1deg)}75%{transform:rotate(-.6deg)}to{transform:rotate(1deg)}}@keyframes wk-legA{0%,to{transform:rotate(17deg)}50%{transform:rotate(-16deg)}}@keyframes wk-legB{0%,to{transform:rotate(-16deg)}50%{transform:rotate(17deg)}}@keyframes wk-shinA{0%,50%,to{transform:rotate(-3deg)}72%{transform:rotate(-38deg)}}@keyframes wk-shinB{0%,to{transform:rotate(-3deg)}22%{transform:rotate(-38deg)}}@keyframes wk-footA{0%{transform:rotate(-9deg)}12%{transform:rotate(2deg)}38%{transform:rotate(6deg)}50%{transform:rotate(14deg)}62%{transform:rotate(-9deg)}to{transform:rotate(-9deg)}}@keyframes wk-footB{0%{transform:rotate(6deg)}12%{transform:rotate(14deg)}24%{transform:rotate(-9deg)}62%{transform:rotate(-9deg)}88%{transform:rotate(6deg)}to{transform:rotate(6deg)}}@keyframes wk-armA{0%,to{transform:rotate(15deg)}56%{transform:rotate(-14deg)}}@keyframes wk-armB{0%,to{transform:rotate(-14deg)}56%{transform:rotate(15deg)}}@keyframes wk-foreA{0%,to{transform:rotate(16deg)}60%{transform:rotate(6deg)}}@keyframes wk-foreB{0%,to{transform:rotate(6deg)}60%{transform:rotate(16deg)}}@keyframes wk-head{0%,50%,to{transform:rotate(-1.5deg)}28%,78%{transform:rotate(1.5deg)}}@keyframes wk-tail{0%{transform:rotate(-5deg)}30%{transform:rotate(-12deg)}55%{transform:rotate(9deg)}80%{transform:rotate(13deg)}to{transform:rotate(-5deg)}}.demo-jump .fox-root{animation:jp-root 5s cubic-bezier(.4,0,.5,1) infinite}.demo-jump .fox-bob{animation:jp-bob 5s cubic-bezier(.4,0,.5,1) infinite}.demo-jump .leg-l{animation:jp-legL 5s cubic-bezier(.4,0,.5,1) infinite}.demo-jump .leg-r{animation:jp-legR 5s cubic-bezier(.4,0,.5,1) infinite}.demo-jump .shin-l,.demo-jump .shin-r{animation:jp-shin 5s cubic-bezier(.4,0,.5,1) infinite}.demo-jump .arm-l{animation:jp-armL 5s cubic-bezier(.4,0,.5,1) infinite}.demo-jump .arm-r{animation:jp-armR 5s cubic-bezier(.4,0,.5,1) infinite}.demo-jump .forearm-l{animation:jp-foreL 5s cubic-bezier(.4,0,.5,1) infinite}.demo-jump .forearm-r{animation:jp-foreR 5s cubic-bezier(.4,0,.5,1) infinite}.demo-jump .hand-r{animation:jp-handR 5s cubic-bezier(.4,0,.5,1) infinite}.demo-jump .head{animation:jp-head 5s cubic-bezier(.4,0,.5,1) infinite}.demo-jump .tail{animation:jp-tail 5s cubic-bezier(.4,0,.5,1) infinite}.demo-jump .fox-shadow{animation:jp-shadow 5s cubic-bezier(.4,0,.5,1) infinite}@keyframes jp-root{0%{transform:translate(118%,-120%) rotate(40deg);animation-timing-function:cubic-bezier(.45,0,.85,.4)}13%{transform:translate(4%,-3%) rotate(9deg);animation-timing-function:cubic-bezier(.55,0,.95,.5)}16%{transform:translate(0) rotate(0);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}22%{transform:translateY(-7%) rotate(-3deg)}28%{transform:translate(0) rotate(0)}30%,86%{transform:translate(0) rotate(0);animation-timing-function:cubic-bezier(.5,0,.5,1)}to{transform:translate(118%,-120%) rotate(40deg)}}@keyframes jp-bob{0%{transform:scale(.82,1.22)}13%{transform:scale(.88,1.14)}16%{transform:scale(1.3,.7)}22%{transform:scale(.9,1.15)}28%{transform:scale(1.03,.98)}30%,86%{transform:scale(1)}to{transform:scale(.82,1.22)}}@keyframes jp-legR{0%{transform:rotate(14deg)}13%{transform:rotate(6deg)}16%{transform:rotate(22deg)}22%{transform:rotate(-3deg)}28%,86%{transform:rotate(0)}to{transform:rotate(14deg)}}@keyframes jp-legL{0%{transform:rotate(-14deg)}13%{transform:rotate(-6deg)}16%{transform:rotate(-22deg)}22%{transform:rotate(3deg)}28%,86%{transform:rotate(0)}to{transform:rotate(-14deg)}}@keyframes jp-shin{0%,13%{transform:rotate(-12deg)}16%{transform:rotate(42deg)}22%{transform:rotate(4deg)}28%,86%{transform:rotate(0)}to{transform:rotate(-12deg)}}@keyframes jp-armR{0%{transform:rotate(-58deg)}13%{transform:rotate(-74deg)}16%{transform:rotate(54deg)}22%{transform:rotate(16deg)}28%{transform:rotate(6deg)}40%{transform:rotate(-30deg)}55%{transform:rotate(-6deg)}70%{transform:rotate(-30deg)}86%{transform:rotate(-6deg)}to{transform:rotate(-58deg)}}@keyframes jp-armL{0%{transform:rotate(58deg)}13%{transform:rotate(74deg)}16%{transform:rotate(-54deg)}22%{transform:rotate(-16deg)}28%,86%{transform:rotate(-6deg)}to{transform:rotate(58deg)}}@keyframes jp-foreR{0%,13%{transform:rotate(30deg)}16%{transform:rotate(-10deg)}22%{transform:rotate(10deg)}28%{transform:rotate(8deg)}40%{transform:rotate(34deg)}55%{transform:rotate(10deg)}70%{transform:rotate(34deg)}86%{transform:rotate(10deg)}to{transform:rotate(30deg)}}@keyframes jp-foreL{0%,13%{transform:rotate(-30deg)}16%{transform:rotate(10deg)}22%,86%{transform:rotate(8deg)}to{transform:rotate(-30deg)}}@keyframes jp-handR{0%,28%{transform:rotate(0)}42%{transform:rotate(-16deg)}55%{transform:rotate(6deg)}70%{transform:rotate(-16deg)}86%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes jp-head{0%{transform:rotate(-16deg)}13%{transform:rotate(-8deg)}16%{transform:rotate(20deg)}22%{transform:rotate(-6deg)}28%{transform:rotate(0)}45%{transform:rotate(-6deg)}70%{transform:rotate(4deg)}86%{transform:rotate(-4deg)}to{transform:rotate(-16deg)}}@keyframes jp-tail{0%{transform:rotate(-34deg)}13%{transform:rotate(-20deg)}16%{transform:rotate(38deg)}22%{transform:rotate(-8deg)}28%{transform:rotate(0)}60%{transform:rotate(10deg)}86%{transform:rotate(-6deg)}to{transform:rotate(-34deg)}}@keyframes jp-shadow{0%{transform:scale(.28);opacity:.12}13%{transform:scale(.6);opacity:.24}16%{transform:scale(1.2);opacity:.44}22%{transform:scale(.92);opacity:.3}28%,86%{transform:scale(1);opacity:.32}to{transform:scale(.28);opacity:.12}}.demo-point .fox-pivot{animation:pt-lean 4.4s ease-in-out infinite}.demo-point .arm-r{animation:pt-arm 4.4s ease-in-out infinite}.demo-point .forearm-r{animation:pt-fore 4.4s ease-in-out infinite}.demo-point .hand-r{animation:pt-hand 4.4s ease-in-out infinite}.demo-point .arm-l{animation:pt-farm 4.4s ease-in-out infinite}.demo-point .head{animation:pt-head 4.4s ease-in-out infinite}.demo-point .tail{animation:pt-tail 3s ease-in-out infinite}.demo-point .fox-bob{animation:id-breathe 3.8s ease-in-out infinite}.demo-point .fox-shadow{animation:sh-breathe 4.4s ease-in-out infinite}@keyframes pt-lean{0%,20%{transform:rotate(0)}30%{transform:rotate(-3deg)}42%{transform:rotate(4deg)}86%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes pt-arm{0%,22%{transform:rotate(8deg)}30%{transform:rotate(22deg);animation-timing-function:cubic-bezier(.45,0,.15,1)}42%{transform:rotate(-86deg);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}50%{transform:rotate(-75deg)}86%{transform:rotate(-77deg)}96%{transform:rotate(12deg)}to{transform:rotate(8deg)}}@keyframes pt-fore{0%,30%{transform:rotate(28deg)}42%{transform:rotate(-4deg)}50%{transform:rotate(2deg)}86%{transform:rotate(-3deg)}96%{transform:rotate(28deg)}to{transform:rotate(28deg)}}@keyframes pt-hand{0%,34%{transform:rotate(14deg)}46%{transform:rotate(-18deg)}58%{transform:rotate(-13deg)}72%{transform:rotate(-16deg)}86%{transform:rotate(-14deg)}96%{transform:rotate(14deg)}to{transform:rotate(14deg)}}@keyframes pt-head{0%,18%{transform:rotate(0)}28%{transform:rotate(4deg)}40%{transform:rotate(-11deg)}48%{transform:rotate(-8deg)}86%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes pt-farm{0%,to{transform:rotate(0)}42%{transform:rotate(9deg)}86%{transform:rotate(7deg)}}@keyframes pt-tail{0%,to{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}[class*=demo-].g-base .fox-bob{animation:id-breathe 3.9s ease-in-out infinite}[class*=demo-].g-base .fox-shadow{animation:sh-breathe 3.9s ease-in-out infinite}[class*=demo-].g-base .tail{animation:id-tail 2.9s ease-in-out infinite}.demo-present .arm-r{animation:pr-armR 4s ease-in-out infinite}.demo-present .arm-l{animation:pr-armL 4s ease-in-out infinite}.demo-present .forearm-r{animation:pr-foreR 4s ease-in-out infinite}.demo-present .forearm-l{animation:pr-foreL 4s ease-in-out infinite}.demo-present .head{animation:pr-head 4s ease-in-out infinite}.demo-present .fox-pivot{animation:pr-lean 4s ease-in-out infinite}@keyframes pr-armR{0%,14%{transform:rotate(4deg)}30%{transform:rotate(-52deg);animation-timing-function:cubic-bezier(.34,1.4,.64,1)}82%{transform:rotate(-48deg)}96%,to{transform:rotate(4deg)}}@keyframes pr-armL{0%,14%{transform:rotate(-4deg)}30%{transform:rotate(52deg);animation-timing-function:cubic-bezier(.34,1.4,.64,1)}82%{transform:rotate(48deg)}96%,to{transform:rotate(-4deg)}}@keyframes pr-foreR{0%,14%{transform:rotate(6deg)}30%,82%{transform:rotate(-26deg)}96%,to{transform:rotate(6deg)}}@keyframes pr-foreL{0%,14%{transform:rotate(-6deg)}30%,82%{transform:rotate(26deg)}96%,to{transform:rotate(-6deg)}}@keyframes pr-head{0%,to{transform:rotate(0)}30%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}}@keyframes pr-lean{0%,20%{transform:rotate(0)}32%{transform:rotate(-2deg)}to{transform:rotate(0)}}.demo-thumbsup .arm-r{animation:tu-arm 3.4s ease-in-out infinite}.demo-thumbsup .forearm-r{animation:tu-fore 3.4s ease-in-out infinite}.demo-thumbsup .hand-r{animation:tu-hand 3.4s ease-in-out infinite}.demo-thumbsup .arm-l{animation:id-arml 4.6s ease-in-out infinite}.demo-thumbsup .head{animation:pr-head 3.4s ease-in-out infinite}@keyframes tu-arm{0%,16%{transform:rotate(4deg)}30%{transform:rotate(-12deg);animation-timing-function:cubic-bezier(.34,1.5,.64,1)}84%{transform:rotate(-10deg)}96%,to{transform:rotate(4deg)}}@keyframes tu-fore{0%,16%{transform:rotate(10deg)}30%,84%{transform:rotate(104deg)}96%,to{transform:rotate(10deg)}}@keyframes tu-hand{0%,30%{transform:rotate(0)}40%{transform:rotate(-30deg)}84%{transform:rotate(-28deg)}96%,to{transform:rotate(0)}}.demo-nod .head{animation:nd-head 2.2s ease-in-out infinite}.demo-nod .fox-bob{animation:nd-bob 2.2s ease-in-out infinite}.demo-nod .fox-shadow{animation:sh-breathe 2.2s ease-in-out infinite}.demo-nod .arm-r{animation:id-armr 5s ease-in-out infinite}.demo-nod .arm-l{animation:id-arml 4.6s ease-in-out infinite}.demo-nod .tail{animation:id-tail 2.6s ease-in-out infinite}@keyframes nd-head{0%,to{transform:rotate(0) scaleY(1)}12%{transform:rotate(12deg) scaleY(.94)}24%{transform:rotate(-2deg) scaleY(1)}40%{transform:rotate(12deg) scaleY(.94)}54%{transform:rotate(0) scaleY(1)}}@keyframes nd-bob{0%,to{transform:translateY(0)}12%,40%{transform:translateY(2px)}}.demo-shake .head{animation:sk-yaw 2s ease-in-out infinite}.demo-shake .fox-bob{animation:id-breathe 3.9s ease-in-out infinite}.demo-shake .fox-pivot{animation:sk-body 2s ease-in-out infinite}.demo-shake .fox-shadow{animation:sh-breathe 3.9s ease-in-out infinite}.demo-shake .tail{animation:sk-tail 2s ease-in-out infinite}.demo-shake .arm-r{animation:id-armr 5s ease-in-out infinite}.demo-shake .arm-l{animation:id-arml 4.6s ease-in-out infinite}@keyframes sk-yaw{0%,to{transform:translate(0) scaleX(1) rotate(0)}13%{transform:translate(-4px) scaleX(.92) rotate(-1.5deg)}27%{transform:translate(-9px) scaleX(.78) rotate(-2.5deg)}50%{transform:translate(0) scaleX(1) rotate(0)}73%{transform:translate(9px) scaleX(.78) rotate(2.5deg)}87%{transform:translate(4px) scaleX(.92) rotate(1.5deg)}}@keyframes sk-body{0%,to{transform:rotate(0)}27%{transform:rotate(-1.6deg)}73%{transform:rotate(1.6deg)}}@keyframes sk-tail{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.demo-shrug .arm-r{animation:sh-armR 3.6s ease-in-out infinite}.demo-shrug .arm-l{animation:sh-armL 3.6s ease-in-out infinite}.demo-shrug .forearm-r{animation:sh-foreR 3.6s ease-in-out infinite}.demo-shrug .forearm-l{animation:sh-foreL 3.6s ease-in-out infinite}.demo-shrug .fox-bob{animation:sh-bob 3.6s ease-in-out infinite}.demo-shrug .head{animation:sh-head 3.6s ease-in-out infinite}.demo-shrug .fox-shadow{animation:sh-breathe 3.6s ease-in-out infinite}@keyframes sh-armR{0%,18%{transform:rotate(4deg)}38%{transform:rotate(-38deg)}82%{transform:rotate(-35deg)}96%,to{transform:rotate(4deg)}}@keyframes sh-armL{0%,18%{transform:rotate(-4deg)}38%{transform:rotate(38deg)}82%{transform:rotate(35deg)}96%,to{transform:rotate(-4deg)}}@keyframes sh-foreR{0%,18%{transform:rotate(8deg)}38%,82%{transform:rotate(-58deg)}96%,to{transform:rotate(8deg)}}@keyframes sh-foreL{0%,18%{transform:rotate(-8deg)}38%,82%{transform:rotate(58deg)}96%,to{transform:rotate(-8deg)}}@keyframes sh-bob{0%,18%{transform:translateY(0)}38%,82%{transform:translateY(-9px)}96%,to{transform:translateY(0)}}@keyframes sh-head{0%,18%{transform:rotate(0) translateY(0)}38%,82%{transform:rotate(8deg) translateY(5px)}96%,to{transform:rotate(0) translateY(0)}}.demo-think .arm-r{animation:th-arm 5s ease-in-out infinite}.demo-think .forearm-r{animation:th-fore 5s ease-in-out infinite}.demo-think .hand-r{animation:th-hand 5s ease-in-out infinite}.demo-think .head{animation:th-head 5s ease-in-out infinite}.demo-think .arm-l{animation:id-arml 4.6s ease-in-out infinite}.demo-think .fox-bob{animation:id-breathe 4s ease-in-out infinite}.demo-think .fox-shadow{animation:sh-breathe 5s ease-in-out infinite}.demo-think .tail{animation:id-tail 3s ease-in-out infinite}@keyframes th-arm{0%,16%{transform:rotate(6deg)}30%{transform:rotate(24deg)}86%{transform:rotate(24deg)}96%,to{transform:rotate(6deg)}}@keyframes th-fore{0%,16%{transform:rotate(10deg)}30%{transform:rotate(104deg)}86%{transform:rotate(104deg)}96%,to{transform:rotate(10deg)}}@keyframes th-hand{0%,32%{transform:rotate(0)}44%{transform:rotate(-10deg)}56%{transform:rotate(0)}68%{transform:rotate(-10deg)}86%{transform:rotate(0)}}@keyframes th-head{0%,16%{transform:rotate(0)}34%{transform:rotate(-7deg)}86%{transform:rotate(-6deg)}to{transform:rotate(0)}}.demo-idea .arm-r{animation:ia-arm 3.6s ease-in-out infinite}.demo-idea .forearm-r{animation:ia-fore 3.6s ease-in-out infinite}.demo-idea .hand-r{animation:ia-hand 3.6s ease-in-out infinite}.demo-idea .fox-bob{animation:ia-bob 3.6s ease-in-out infinite}.demo-idea .head{animation:ia-head 3.6s ease-in-out infinite}.demo-idea .arm-l{animation:id-arml 4.6s ease-in-out infinite}.demo-idea .fox-shadow{animation:ia-shadow 3.6s ease-in-out infinite}.demo-idea .tail{animation:id-tail 2.6s ease-in-out infinite}@keyframes ia-arm{0%,22%{transform:rotate(6deg)}32%{transform:rotate(-168deg);animation-timing-function:cubic-bezier(.34,1.5,.64,1)}84%{transform:rotate(-166deg)}94%,to{transform:rotate(6deg)}}@keyframes ia-fore{0%,22%{transform:rotate(10deg)}32%,84%{transform:rotate(-4deg)}94%,to{transform:rotate(10deg)}}@keyframes ia-hand{0%,84%{transform:rotate(0)}90%{transform:rotate(8deg)}to{transform:rotate(0)}}@keyframes ia-bob{0%,22%{transform:translateY(0) scale(1)}30%{transform:translateY(-6px) scale(.98,1.03)}40%{transform:translateY(0) scale(1)}to{transform:translateY(0)}}@keyframes ia-head{0%,22%{transform:rotate(0)}32%{transform:rotate(-5deg)}84%{transform:rotate(-4deg)}to{transform:rotate(0)}}@keyframes ia-shadow{0%,22%{transform:scale(1);opacity:.3}30%{transform:scale(.9);opacity:.26}40%,to{transform:scale(1);opacity:.3}}.demo-celebrate .arm-r{animation:cl-armR 1.6s ease-in-out infinite}.demo-celebrate .arm-l{animation:cl-armL 1.6s ease-in-out infinite}.demo-celebrate .forearm-r{animation:cl-foreR 1.6s ease-in-out infinite}.demo-celebrate .forearm-l{animation:cl-foreL 1.6s ease-in-out infinite}.demo-celebrate .fox-root{animation:cl-hop 1.6s ease-in-out infinite}.demo-celebrate .fox-bob{animation:cl-bob 1.6s ease-in-out infinite}.demo-celebrate .head{animation:cl-head 1.6s ease-in-out infinite}.demo-celebrate .tail{animation:cl-tail .8s ease-in-out infinite}.demo-celebrate .fox-shadow{animation:cl-shadow 1.6s ease-in-out infinite}@keyframes cl-hop{0%,to{transform:translateY(0)}30%{transform:translateY(-26px)}55%{transform:translateY(0)}}@keyframes cl-bob{0%{transform:scale(1)}18%{transform:scale(1.06,.92)}30%{transform:scale(.96,1.06)}55%{transform:scale(1.05,.95)}70%{transform:scale(1)}to{transform:scale(1)}}@keyframes cl-armR{0%,to{transform:rotate(-142deg)}30%{transform:rotate(-150deg)}}@keyframes cl-armL{0%,to{transform:rotate(142deg)}30%{transform:rotate(150deg)}}@keyframes cl-foreR{0%,to{transform:rotate(-6deg)}30%{transform:rotate(-12deg)}}@keyframes cl-foreL{0%,to{transform:rotate(6deg)}30%{transform:rotate(12deg)}}@keyframes cl-head{0%,to{transform:rotate(0)}30%{transform:rotate(-4deg)}}@keyframes cl-tail{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}@keyframes cl-shadow{0%,to{transform:scale(1);opacity:.32}30%{transform:scale(.6);opacity:.16}55%{transform:scale(1.06);opacity:.34}}.demo-clap .arm-r{animation:cp-armR .62s ease-in-out infinite}.demo-clap .arm-l{animation:cp-armL .62s ease-in-out infinite}.demo-clap .forearm-r{animation:cp-foreR .62s ease-in-out infinite}.demo-clap .forearm-l{animation:cp-foreL .62s ease-in-out infinite}.demo-clap .hand-r{animation:cp-handR .62s ease-in-out infinite}.demo-clap .hand-l{animation:cp-handL .62s ease-in-out infinite}.demo-clap .head{animation:pr-head 3.4s ease-in-out infinite}.demo-clap .fox-bob{animation:id-breathe 3.9s ease-in-out infinite}.demo-clap .fox-shadow{animation:sh-breathe 3.9s ease-in-out infinite}.demo-clap .tail{animation:id-tail 2.4s ease-in-out infinite}@keyframes cp-armR{0%,to{transform:rotate(-46deg)}50%{transform:rotate(-39deg)}}@keyframes cp-armL{0%,to{transform:rotate(46deg)}50%{transform:rotate(39deg)}}@keyframes cp-foreR{0%,to{transform:rotate(60deg)}50%{transform:rotate(78deg)}}@keyframes cp-foreL{0%,to{transform:rotate(-60deg)}50%{transform:rotate(-78deg)}}@keyframes cp-handR{0%,to{transform:rotate(4deg)}50%{transform:rotate(22deg)}}@keyframes cp-handL{0%,to{transform:rotate(-4deg)}50%{transform:rotate(-22deg)}}.demo-highfive .fox-root{animation:hf-hop 2.8s cubic-bezier(.4,0,.5,1) infinite}.demo-highfive .arm-r{animation:hf-arm 2.8s ease-in-out infinite}.demo-highfive .forearm-r{animation:hf-fore 2.8s ease-in-out infinite}.demo-highfive .hand-r{animation:hf-hand 2.8s ease-in-out infinite}.demo-highfive .arm-l{animation:hf-armL 2.8s ease-in-out infinite}.demo-highfive .forearm-l{animation:hf-foreL 2.8s ease-in-out infinite}.demo-highfive .head{animation:hf-head 2.8s ease-in-out infinite}.demo-highfive .fox-bob{animation:hf-bob 2.8s ease-in-out infinite}.demo-highfive .leg-l{animation:hf-legL 2.8s ease-in-out infinite}.demo-highfive .leg-r{animation:hf-legR 2.8s ease-in-out infinite}.demo-highfive .shin-l,.demo-highfive .shin-r{animation:hf-shin 2.8s ease-in-out infinite}.demo-highfive .fox-shadow{animation:hf-shadow 2.8s ease-in-out infinite}.demo-highfive .tail{animation:hf-tail 1.4s ease-in-out infinite}@keyframes hf-hop{0%,12%{transform:translateY(0)}20%{transform:translateY(6px)}32%{transform:translateY(-32px);animation-timing-function:cubic-bezier(.3,0,.5,1)}70%{transform:translateY(-27px)}84%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes hf-bob{0%,12%{transform:scale(1)}20%{transform:scale(1.05,.92)}32%{transform:scale(.95,1.07)}46%{transform:scale(1)}82%{transform:scale(1.04,.95)}to{transform:scale(1)}}@keyframes hf-arm{0%,12%{transform:rotate(4deg)}20%{transform:rotate(16deg)}32%{transform:rotate(-150deg);animation-timing-function:cubic-bezier(.34,1.5,.64,1)}55%{transform:rotate(-144deg)}70%{transform:rotate(-148deg)}86%{transform:rotate(-145deg)}96%,to{transform:rotate(4deg)}}@keyframes hf-fore{0%,12%{transform:rotate(10deg)}32%,86%{transform:rotate(-4deg)}96%,to{transform:rotate(10deg)}}@keyframes hf-hand{0%,32%{transform:rotate(0)}55%{transform:rotate(10deg)}70%{transform:rotate(-4deg)}86%{transform:rotate(6deg)}96%{transform:rotate(0)}}@keyframes hf-armL{0%,to{transform:rotate(-4deg)}32%{transform:rotate(-30deg)}70%{transform:rotate(-26deg)}}@keyframes hf-foreL{0%,to{transform:rotate(-8deg)}32%,70%{transform:rotate(-30deg)}}@keyframes hf-head{0%,to{transform:rotate(0)}32%{transform:rotate(5deg)}70%{transform:rotate(3deg)}}@keyframes hf-legL{0%,12%{transform:rotate(0)}20%{transform:rotate(-8deg)}32%{transform:rotate(12deg)}70%{transform:rotate(10deg)}84%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes hf-legR{0%,12%{transform:rotate(0)}20%{transform:rotate(8deg)}32%{transform:rotate(-10deg)}70%{transform:rotate(-8deg)}84%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes hf-shin{0%,12%{transform:rotate(0)}20%{transform:rotate(-22deg)}32%{transform:rotate(-34deg)}70%{transform:rotate(-30deg)}84%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes hf-shadow{0%,12%{transform:scale(1);opacity:.32}32%{transform:scale(.58);opacity:.15}70%{transform:scale(.62);opacity:.17}84%{transform:scale(1.06);opacity:.34}to{transform:scale(1);opacity:.32}}@keyframes hf-tail{0%,to{transform:rotate(-12deg)}50%{transform:rotate(14deg)}}.demo-confused .arm-r{animation:cf-arm 4s ease-in-out infinite}.demo-confused .forearm-r{animation:cf-fore 4s ease-in-out infinite}.demo-confused .hand-r{animation:cf-hand 4s ease-in-out infinite}.demo-confused .head{animation:cf-head 4s ease-in-out infinite}.demo-confused .arm-l{animation:id-arml 4.6s ease-in-out infinite}.demo-confused .fox-bob{animation:id-breathe 4s ease-in-out infinite}.demo-confused .fox-shadow{animation:sh-breathe 4s ease-in-out infinite}.demo-confused .tail{animation:id-tail 3.2s ease-in-out infinite}@keyframes cf-arm{0%,16%{transform:rotate(6deg)}32%{transform:rotate(22deg)}84%{transform:rotate(22deg)}96%,to{transform:rotate(6deg)}}@keyframes cf-fore{0%,16%{transform:rotate(10deg)}32%{transform:rotate(92deg)}84%{transform:rotate(92deg)}96%,to{transform:rotate(10deg)}}@keyframes cf-hand{0%,36%{transform:rotate(0)}48%{transform:rotate(-14deg)}60%{transform:rotate(2deg)}72%{transform:rotate(-14deg)}84%{transform:rotate(0)}}@keyframes cf-head{0%,16%{transform:rotate(0)}38%{transform:rotate(9deg)}84%{transform:rotate(8deg)}to{transform:rotate(0)}}.demo-sleep .fox-bob{animation:sl-breathe 5.4s ease-in-out infinite}.demo-sleep .head{animation:sl-head 5.4s ease-in-out infinite}.demo-sleep .fox-shadow{animation:sl-shadow 5.4s ease-in-out infinite}.demo-sleep .tail{animation:sl-tail 6s ease-in-out infinite}.demo-sleep .arm-r{animation:sl-arm 5.4s ease-in-out infinite}.demo-sleep .zzz{animation:sl-zzz 3.6s ease-in-out infinite}@keyframes sl-breathe{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(.99,1.02)}to{transform:translateY(0) scale(1)}}@keyframes sl-head{0%,to{transform:rotate(10deg)}50%{transform:rotate(13deg)}}@keyframes sl-tail{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes sl-arm{0%,to{transform:rotate(2deg)}50%{transform:rotate(4deg)}}@keyframes sl-shadow{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.03);opacity:.32}}@keyframes sl-zzz{0%{opacity:0;transform:translate(0) scale(.7)}30%{opacity:1}to{opacity:0;transform:translate(10px,-26px) scale(1.1)}}.demo-carry .arm-r{animation:ca-armR 2.2s ease-in-out infinite}.demo-carry .arm-l{animation:ca-armL 2.2s ease-in-out infinite}.demo-carry .forearm-r{animation:ca-foreR 2.2s ease-in-out infinite}.demo-carry .forearm-l{animation:ca-foreL 2.2s ease-in-out infinite}.demo-carry .fox-bob{animation:ca-bob 2.2s ease-in-out infinite}.demo-carry .head{animation:wk-head 2.2s ease-in-out infinite}.demo-carry .fox-shadow{animation:sh-breathe 2.2s ease-in-out infinite}@keyframes ca-armR{0%,to{transform:rotate(13deg)}50%{transform:rotate(12deg)}}@keyframes ca-armL{0%,to{transform:rotate(-13deg)}50%{transform:rotate(-12deg)}}@keyframes ca-foreR{0%,to{transform:rotate(58deg)}50%{transform:rotate(60deg)}}@keyframes ca-foreL{0%,to{transform:rotate(-58deg)}50%{transform:rotate(-60deg)}}@keyframes ca-bob{0%,to{transform:translateY(0)}25%{transform:translateY(2px)}50%{transform:translateY(-2px)}75%{transform:translateY(2px)}}.demo-handoff .arm-r{animation:ho-armR 4s ease-in-out infinite}.demo-handoff .arm-l{animation:ho-armL 4s ease-in-out infinite}.demo-handoff .forearm-r{animation:ho-foreR 4s ease-in-out infinite}.demo-handoff .forearm-l{animation:ho-foreL 4s ease-in-out infinite}.demo-handoff .fox-pivot{animation:ho-lean 4s ease-in-out infinite}.demo-handoff .head{animation:ho-head 4s ease-in-out infinite}.demo-handoff .fox-bob{animation:id-breathe 4s ease-in-out infinite}.demo-handoff .fox-shadow{animation:sh-breathe 4s ease-in-out infinite}@keyframes ho-armR{0%,18%{transform:rotate(13deg)}46%{transform:rotate(-14deg)}82%{transform:rotate(-12deg)}96%,to{transform:rotate(13deg)}}@keyframes ho-foreR{0%,18%{transform:rotate(54deg)}46%,82%{transform:rotate(18deg)}96%,to{transform:rotate(54deg)}}@keyframes ho-armL{0%,to{transform:rotate(-11deg)}46%{transform:rotate(-9deg)}}@keyframes ho-foreL{0%,to{transform:rotate(-50deg)}46%{transform:rotate(-42deg)}}@keyframes ho-lean{0%,18%{transform:rotate(0)}46%,82%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes ho-head{0%,to{transform:rotate(0)}46%{transform:rotate(-3deg)}}.demo-type .arm-r{animation:ty-armR 2.4s ease-in-out infinite}.demo-type .arm-l{animation:ty-armL 2.4s ease-in-out infinite}.demo-type .forearm-r{animation:ty-foreR 2.4s ease-in-out infinite}.demo-type .forearm-l{animation:ty-foreL 2.4s ease-in-out infinite}.demo-type .hand-r{animation:ty-handR .32s ease-in-out infinite}.demo-type .hand-l{animation:ty-handL .32s ease-in-out infinite}.demo-type .head{animation:ty-head 5s ease-in-out infinite}.demo-type .fox-pivot{animation:ty-lean 6s ease-in-out infinite}.demo-type .fox-bob{animation:id-breathe 4.4s ease-in-out infinite}.demo-type .fox-shadow{animation:sh-breathe 4.4s ease-in-out infinite}@keyframes ty-armR{0%,to{transform:rotate(10deg)}}@keyframes ty-armL{0%,to{transform:rotate(-10deg)}}@keyframes ty-foreR{0%,to{transform:rotate(4deg)}}@keyframes ty-foreL{0%,to{transform:rotate(-4deg)}}@keyframes ty-handR{0%,to{transform:rotate(4deg)}50%{transform:rotate(-14deg)}}@keyframes ty-handL{0%,to{transform:rotate(-14deg)}50%{transform:rotate(4deg)}}@keyframes ty-head{0%,to{transform:rotate(6deg)}50%{transform:rotate(4deg)}}@keyframes ty-lean{0%,to{transform:rotate(1.5deg)}}.demo-read .arm-r{animation:rd-armR 6s ease-in-out infinite}.demo-read .arm-l{animation:rd-armL 6s ease-in-out infinite}.demo-read .forearm-r{animation:rd-foreR 6s ease-in-out infinite}.demo-read .forearm-l{animation:rd-foreL 6s ease-in-out infinite}.demo-read .head{animation:rd-head 6s ease-in-out infinite}.demo-read .fox-bob{animation:id-breathe 4.4s ease-in-out infinite}.demo-read .fox-shadow{animation:sh-breathe 4.4s ease-in-out infinite}@keyframes rd-armR{0%,to{transform:rotate(-18deg)}}@keyframes rd-armL{0%,to{transform:rotate(18deg)}}@keyframes rd-foreR{0%,to{transform:rotate(100deg)}}@keyframes rd-foreL{0%,to{transform:rotate(-100deg)}}@keyframes rd-head{0%,to{transform:rotate(9deg)}22%{transform:rotate(11deg)}70%{transform:rotate(8deg)}}.demo-check .arm-r{animation:ck-armR 3.2s ease-in-out infinite}.demo-check .forearm-r{animation:ck-foreR 3.2s ease-in-out infinite}.demo-check .hand-r{animation:ck-handR 3.2s ease-in-out infinite}.demo-check .arm-l{animation:ck-armL 3.2s ease-in-out infinite}.demo-check .forearm-l{animation:ck-foreL 3.2s ease-in-out infinite}.demo-check .ck-tick{animation:ck-tick 3.2s ease-in-out infinite}.demo-check .head{animation:nd-head 3.2s ease-in-out infinite}.demo-check .fox-bob{animation:id-breathe 4.4s ease-in-out infinite}.demo-check .fox-shadow{animation:sh-breathe 4.4s ease-in-out infinite}@keyframes ck-armL{0%,to{transform:rotate(-14deg)}}@keyframes ck-foreL{0%,to{transform:rotate(-56deg)}}@keyframes ck-armR{0%,to{transform:rotate(22deg)}40%{transform:rotate(26deg)}}@keyframes ck-foreR{0%,to{transform:rotate(66deg)}40%{transform:rotate(72deg)}}@keyframes ck-handR{0%,30%{transform:rotate(0)}40%{transform:rotate(-12deg)}52%{transform:rotate(-5deg)}64%{transform:rotate(-12deg)}80%{transform:rotate(0)}}@keyframes ck-tick{0%,32%{opacity:0;transform:scale(.3)}44%{opacity:1;transform:scale(1)}92%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.demo-dragdrop .arm-r{animation:dd-arm 3.4s ease-in-out infinite}.demo-dragdrop .forearm-r{animation:dd-fore 3.4s ease-in-out infinite}.demo-dragdrop .hand-r{animation:dd-hand 3.4s ease-in-out infinite}.demo-dragdrop .obj-card{animation:dd-card 3.4s ease-in-out infinite}.demo-dragdrop .fox-pivot{animation:dd-lean 3.4s ease-in-out infinite}.demo-dragdrop .head{animation:dd-head 3.4s ease-in-out infinite}.demo-dragdrop .arm-l{animation:id-arml 4.6s ease-in-out infinite}.demo-dragdrop .fox-bob{animation:id-breathe 4s ease-in-out infinite}.demo-dragdrop .fox-shadow{animation:sh-breathe 4s ease-in-out infinite}@keyframes dd-arm{0%,12%{transform:rotate(-70deg)}26%{transform:rotate(-82deg)}40%{transform:rotate(-74deg)}72%{transform:rotate(-34deg)}84%{transform:rotate(-40deg)}to{transform:rotate(-70deg)}}@keyframes dd-fore{0%,26%{transform:rotate(-6deg)}72%{transform:rotate(12deg)}to{transform:rotate(-6deg)}}@keyframes dd-hand{0%,20%{transform:rotate(0)}26%{transform:rotate(-16deg)}72%{transform:rotate(-14deg)}80%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes dd-card{0%,18%{opacity:0}25%{opacity:1}80%{opacity:1}88%,to{opacity:0}}@keyframes dd-lean{0%,26%{transform:rotate(0)}72%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes dd-head{0%,to{transform:rotate(-2deg)}45%{transform:rotate(6deg)}}.demo-throw .fox-pivot{animation:tw-lean 3s ease-in-out infinite}.demo-throw .arm-r{animation:tw-arm 3s ease-in-out infinite}.demo-throw .forearm-r{animation:tw-fore 3s ease-in-out infinite}.demo-throw .hand-r{animation:tw-hand 3s ease-in-out infinite}.demo-throw .arm-l{animation:id-arml 4.6s ease-in-out infinite}.demo-throw .head{animation:tw-head 3s ease-in-out infinite}.demo-throw .fox-bob{animation:id-breathe 3.9s ease-in-out infinite}.demo-throw .fox-shadow{animation:sh-breathe 3.9s ease-in-out infinite}.demo-throw .throw-hold{animation:tw-hold 3s linear infinite}.demo-throw .throw-fly{transform-box:view-box;animation:tw-fly 3s linear infinite}@keyframes tw-lean{0%,10%{transform:rotate(0)}22%{transform:rotate(8deg)}34%{transform:rotate(-9deg)}50%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes tw-arm{0%,10%{transform:rotate(8deg)}24%{transform:rotate(-155deg);animation-timing-function:cubic-bezier(.5,0,.9,.55)}30%{transform:rotate(-150deg)}34%{transform:rotate(-52deg);animation-timing-function:cubic-bezier(.3,0,.35,1)}42%{transform:rotate(28deg)}56%{transform:rotate(14deg)}to{transform:rotate(8deg)}}@keyframes tw-fore{0%,10%{transform:rotate(10deg)}24%{transform:rotate(-38deg)}34%{transform:rotate(-2deg)}42%{transform:rotate(34deg)}to{transform:rotate(10deg)}}@keyframes tw-hand{0%,30%{transform:rotate(0)}34%{transform:rotate(-26deg)}42%{transform:rotate(8deg)}to{transform:rotate(0)}}@keyframes tw-head{0%,10%{transform:rotate(0)}24%{transform:rotate(-7deg)}34%{transform:rotate(7deg)}50%{transform:rotate(3deg)}to{transform:rotate(0)}}@keyframes tw-hold{0%,34%{opacity:1}34.5%,to{opacity:0}}@keyframes tw-fly{0%,34%{opacity:0;transform:translate(208px,172px) scale(.8) rotate(0)}34.5%{opacity:1;transform:translate(204px,166px) scale(.8) rotate(-28deg);animation-timing-function:cubic-bezier(.2,.5,.55,1)}42%{transform:translate(176px,104px) scale(.79) rotate(-120deg)}50%{transform:translate(120px,50px) scale(.77) rotate(-210deg);animation-timing-function:cubic-bezier(.4,0,.72,.5)}62%{transform:translate(74px,118px) scale(.75) rotate(-320deg)}74%{transform:translate(40px,232px) scale(.73) rotate(-420deg);animation-timing-function:cubic-bezier(.55,.15,.82,1)}83%{opacity:1;transform:translate(16px,338px) scale(.72) rotate(-486deg)}87%,to{opacity:0;transform:translate(10px,360px) scale(.72) rotate(-500deg)}}.demo-fly .arm-r{animation:fl-armR 2.4s ease-in-out infinite}.demo-fly .arm-l{animation:fl-armL 2.4s ease-in-out infinite}.demo-fly .forearm-r{animation:fl-foreR 2.4s ease-in-out infinite}.demo-fly .forearm-l{animation:fl-foreL 2.4s ease-in-out infinite}.demo-fly .fox-pivot{animation:fl-lean 2.4s ease-in-out infinite}.demo-fly .fox-bob{animation:fl-bob 2.4s ease-in-out infinite}.demo-fly .head{animation:fl-head 2.4s ease-in-out infinite}.demo-fly .tail{animation:fl-tail 2.4s ease-in-out infinite}.demo-fly .leg-l{animation:fl-legL 2.4s ease-in-out infinite}.demo-fly .leg-r{animation:fl-legR 2.4s ease-in-out infinite}.demo-fly .shin-l,.demo-fly .shin-r{animation:fl-shin 2.4s ease-in-out infinite}.demo-fly .fox-shadow{display:none}@keyframes fl-armR{0%,to{transform:rotate(-96deg)}50%{transform:rotate(-106deg)}}@keyframes fl-armL{0%,to{transform:rotate(96deg)}50%{transform:rotate(106deg)}}@keyframes fl-foreR{0%,to{transform:rotate(-8deg)}50%{transform:rotate(2deg)}}@keyframes fl-foreL{0%,to{transform:rotate(8deg)}50%{transform:rotate(-2deg)}}@keyframes fl-lean{0%,to{transform:rotate(-10deg)}50%{transform:rotate(-6deg)}}@keyframes fl-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fl-head{0%,to{transform:rotate(-3deg)}50%{transform:rotate(0)}}@keyframes fl-tail{0%,to{transform:rotate(22deg)}50%{transform:rotate(13deg)}}@keyframes fl-legL{0%,to{transform:rotate(-19deg)}50%{transform:rotate(-15deg)}}@keyframes fl-legR{0%,to{transform:rotate(-24deg)}50%{transform:rotate(-20deg)}}@keyframes fl-shin{0%,to{transform:rotate(7deg)}50%{transform:rotate(10deg)}}.demo-grabspin .arm-r{animation:gs-arm 2.6s ease-in-out infinite}.demo-grabspin .forearm-r{animation:gs-fore 2.6s ease-in-out infinite}.demo-grabspin .hand-r{animation:gs-hand 2.6s ease-in-out infinite}.demo-grabspin .fox-pivot{animation:gs-lean 2.6s ease-in-out infinite}.demo-grabspin .head{animation:gs-head 2.6s ease-in-out infinite}.demo-grabspin .arm-l{animation:id-arml 4.6s ease-in-out infinite}.demo-grabspin .fox-bob{animation:id-breathe 3.9s ease-in-out infinite}.demo-grabspin .tail{animation:id-tail 2.7s ease-in-out infinite}.demo-grabspin .fox-shadow{animation:sh-breathe 3.9s ease-in-out infinite}@keyframes gs-arm{0%{transform:rotate(-26deg)}9%{transform:rotate(-50deg)}24%{transform:rotate(48deg);animation-timing-function:cubic-bezier(.3,0,.4,1)}42%{transform:rotate(16deg)}78%{transform:rotate(2deg)}to{transform:rotate(-26deg)}}@keyframes gs-fore{0%{transform:rotate(-8deg)}9%{transform:rotate(-32deg)}24%{transform:rotate(22deg)}42%{transform:rotate(4deg)}to{transform:rotate(-8deg)}}@keyframes gs-hand{0%,14%{transform:rotate(0)}24%{transform:rotate(-26deg)}36%{transform:rotate(6deg)}to{transform:rotate(0)}}@keyframes gs-lean{0%,9%{transform:rotate(0)}24%{transform:rotate(4deg)}44%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes gs-head{0%,9%{transform:rotate(-5deg)}24%{transform:rotate(7deg)}62%{transform:rotate(2deg)}to{transform:rotate(-5deg)}}.demo-pitch .arm-r{animation:pi-arm 2.6s ease-in-out infinite}.demo-pitch .forearm-r{animation:pi-fore 2.6s ease-in-out infinite}.demo-pitch .hand-r{animation:pi-hand 2.6s ease-in-out infinite}.demo-pitch .fox-pivot{animation:pi-lean 2.6s ease-in-out infinite}.demo-pitch .head{animation:pi-head 2.6s ease-in-out infinite}.demo-pitch .arm-l{animation:id-arml 4.6s ease-in-out infinite}.demo-pitch .fox-bob{animation:id-breathe 3.9s ease-in-out infinite}.demo-pitch .tail{animation:id-tail 2.7s ease-in-out infinite}.demo-pitch .fox-shadow{animation:sh-breathe 3.9s ease-in-out infinite}@keyframes pi-arm{0%,14%{transform:rotate(6deg)}36%{transform:rotate(-76deg);animation-timing-function:cubic-bezier(.3,0,.4,1)}54%{transform:rotate(58deg);animation-timing-function:cubic-bezier(.35,0,.55,1)}68%{transform:rotate(40deg)}90%{transform:rotate(28deg)}to{transform:rotate(6deg)}}@keyframes pi-fore{0%,14%{transform:rotate(10deg)}36%{transform:rotate(-26deg)}54%{transform:rotate(30deg)}68%{transform:rotate(14deg)}to{transform:rotate(10deg)}}@keyframes pi-hand{0%,30%{transform:rotate(0)}42%{transform:rotate(-22deg)}56%{transform:rotate(18deg)}72%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes pi-lean{0%,14%{transform:rotate(0)}36%{transform:rotate(-3deg)}54%{transform:rotate(5deg)}72%{transform:rotate(1deg)}to{transform:rotate(0)}}@keyframes pi-head{0%,14%{transform:rotate(-2deg)}36%{transform:rotate(-9deg)}54%{transform:rotate(6deg)}82%{transform:rotate(2deg)}to{transform:rotate(-2deg)}}.demo-press .arm-r{animation:pp-arm 2.6s ease-in-out infinite}.demo-press .forearm-r{animation:pp-fore 2.6s ease-in-out infinite}.demo-press .hand-r{animation:pp-hand 2.6s ease-in-out infinite}.demo-press .fox-pivot{animation:pp-lean 2.6s ease-in-out infinite}.demo-press .fox-bob{animation:pp-bob 2.6s ease-in-out infinite}.demo-press .head{animation:pp-head 2.6s ease-in-out infinite}.demo-press .arm-l{animation:id-arml 4.6s ease-in-out infinite}.demo-press .tail{animation:id-tail 2.9s ease-in-out infinite}.demo-press .fox-shadow{animation:sh-breathe 3.9s ease-in-out infinite}@keyframes pp-arm{0%{transform:rotate(8deg)}38%{transform:rotate(-24deg)}58%{transform:rotate(36deg)}68%{transform:rotate(33deg)}to{transform:rotate(8deg)}}@keyframes pp-fore{0%{transform:rotate(10deg)}38%{transform:rotate(-10deg)}58%{transform:rotate(42deg)}68%{transform:rotate(38deg)}to{transform:rotate(10deg)}}@keyframes pp-hand{0%,38%{transform:rotate(0)}58%{transform:rotate(16deg)}72%{transform:rotate(6deg)}to{transform:rotate(0)}}@keyframes pp-lean{0%,38%{transform:rotate(0)}58%{transform:rotate(4deg)}74%{transform:rotate(1deg)}to{transform:rotate(0)}}@keyframes pp-bob{0%,38%{transform:translateY(0)}58%{transform:translateY(3px)}74%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes pp-head{0%,to{transform:rotate(0)}58%{transform:rotate(4deg)}}.pt-target{transform-box:fill-box;transform-origin:50% 50%}.zzz,.idea-bulb{transform-box:fill-box;transform-origin:50% 100%}.idea-bulb,.zzz,.pt-target{opacity:0}.demo-idea .idea-bulb{animation:ia-bulb 3.6s ease-in-out infinite}@keyframes ia-bulb{0%,26%{opacity:0;transform:scale(.4)}36%{opacity:1;transform:scale(1)}84%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(.9)}}.demo-point .pt-target{animation:pt-card .45s ease-out both}@keyframes pt-card{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.demo-hop .fox-root{animation:hop-root .82s linear 1 both}.demo-hop .fox-bob{animation:hop-bob .82s linear 1 both}.demo-hop .leg-l{animation:hop-legL .82s ease-in-out 1 both}.demo-hop .leg-r{animation:hop-legR .82s ease-in-out 1 both}.demo-hop .shin-l,.demo-hop .shin-r{animation:hop-shin .82s ease-in-out 1 both}.demo-hop .foot-l,.demo-hop .foot-r{animation:hop-foot .82s ease-in-out 1 both}.demo-hop .arm-l{animation:hop-armL .82s ease-in-out 1 both}.demo-hop .arm-r{animation:hop-armR .82s ease-in-out 1 both}.demo-hop .forearm-l{animation:hop-foreL .82s ease-in-out 1 both}.demo-hop .forearm-r{animation:hop-foreR .82s ease-in-out 1 both}.demo-hop .head{animation:hop-head .82s ease-in-out 1 both}.demo-hop .tail{animation:hop-tail .82s ease-in-out 1 both}.demo-hop .fox-shadow{animation:hop-shadow .82s ease-in-out 1 both}@keyframes hop-root{0%{transform:translate(0);animation-timing-function:cubic-bezier(.3,0,.5,1)}16%{transform:translateY(3.5%);animation-timing-function:cubic-bezier(.5,0,.9,.35)}24%{transform:translateY(-1%);animation-timing-function:cubic-bezier(.15,.75,.4,1)}46%{transform:translateY(-16%);animation-timing-function:cubic-bezier(.6,0,.95,.5)}64%{transform:translateY(-5%);animation-timing-function:cubic-bezier(.55,0,.85,.45)}73%{transform:translateY(2.5%);animation-timing-function:cubic-bezier(.3,0,.35,1)}82%{transform:translateY(-1%)}90%{transform:translateY(.4%)}to{transform:translate(0)}}@keyframes hop-bob{0%{transform:scale(1)}16%{transform:scale(1.11,.89)}24%{transform:scale(.9,1.13)}40%{transform:scale(.97,1.04)}46%{transform:scale(1)}64%{transform:scale(.99,1.02)}73%{transform:scale(1.15,.84)}82%{transform:scale(.96,1.05)}90%{transform:scale(1.02,.985)}to{transform:scale(1)}}@keyframes hop-legR{0%,to{transform:rotate(0)}16%{transform:rotate(5deg)}24%{transform:rotate(-7deg)}46%{transform:rotate(9deg)}73%{transform:rotate(-5deg)}84%{transform:rotate(2deg)}}@keyframes hop-legL{0%,to{transform:rotate(0)}16%{transform:rotate(-5deg)}24%{transform:rotate(7deg)}46%{transform:rotate(-9deg)}73%{transform:rotate(5deg)}84%{transform:rotate(-2deg)}}@keyframes hop-shin{0%,to{transform:rotate(0)}16%{transform:rotate(-18deg)}24%{transform:rotate(4deg)}46%{transform:rotate(24deg)}73%{transform:rotate(-22deg)}84%{transform:rotate(3deg)}}@keyframes hop-foot{0%,to{transform:rotate(0)}24%{transform:rotate(-8deg)}46%{transform:rotate(-12deg)}73%{transform:rotate(5deg)}}@keyframes hop-armR{0%,to{transform:rotate(0)}16%{transform:rotate(12deg)}24%{transform:rotate(-22deg)}46%{transform:rotate(-14deg)}64%{transform:rotate(-4deg)}73%{transform:rotate(10deg)}84%{transform:rotate(-2deg)}}@keyframes hop-armL{0%,to{transform:rotate(0)}16%{transform:rotate(-12deg)}24%{transform:rotate(22deg)}46%{transform:rotate(14deg)}64%{transform:rotate(4deg)}73%{transform:rotate(-10deg)}84%{transform:rotate(2deg)}}@keyframes hop-foreR{0%,to{transform:rotate(0)}24%{transform:rotate(-16deg)}46%{transform:rotate(-8deg)}73%{transform:rotate(12deg)}}@keyframes hop-foreL{0%,to{transform:rotate(0)}24%{transform:rotate(16deg)}46%{transform:rotate(8deg)}73%{transform:rotate(-12deg)}}@keyframes hop-head{0%,to{transform:translate(0)}16%{transform:translateY(1.5%)}24%{transform:translateY(2.5%)}46%{transform:translateY(-2.5%)}73%{transform:translateY(3%)}84%{transform:translateY(-.5%)}}@keyframes hop-tail{0%,to{transform:rotate(0)}16%{transform:rotate(9deg)}24%{transform:rotate(-12deg)}46%{transform:rotate(7deg)}73%{transform:rotate(16deg)}84%{transform:rotate(-5deg)}92%{transform:rotate(2deg)}}@keyframes hop-shadow{0%,to{transform:scale(1);opacity:1}16%{transform:scale(1.08);opacity:1}46%{transform:scale(.58);opacity:.45}73%{transform:scale(1.14);opacity:1}82%{transform:scale(.98);opacity:1}}