.scene.dance-active .person{transform-origin:160px 310px;animation:meme-bounce var(--beat) ease-in-out infinite}.scene.dance-active .head{animation:meme-nod var(--beat) ease-in-out infinite}.scene.dance-active[data-dance="dab"] .person{animation:dab-body calc(var(--beat)*2) ease-in-out infinite}.scene.dance-active[data-dance="dab"] .hand-left{animation:dab-point calc(var(--beat)*2) ease-in-out infinite}.scene.dance-active[data-dance="dab"] .hand-right{animation:dab-cover calc(var(--beat)*2) ease-in-out infinite}.scene.dance-active[data-dance="dab"] .head{animation:dab-head calc(var(--beat)*2) ease-in-out infinite}.scene.dance-active[data-dance="floss"] .person{animation:floss-hips calc(var(--beat)*2) ease-in-out infinite}.scene.dance-active[data-dance="floss"] .hand-left,.scene.dance-active[data-dance="floss"] .hand-right{animation:floss-arms calc(var(--beat)*2) ease-in-out infinite}.scene.dance-active[data-dance="floss"] .foot{animation:none}.scene.dance-active[data-dance="shuffle"] .person{animation:shuffle-travel calc(var(--beat)*4) linear infinite}.scene.dance-active[data-dance="shuffle"] .foot-left{animation:running-man var(--beat) linear infinite}.scene.dance-active[data-dance="shuffle"] .foot-right{animation:running-man var(--beat) linear infinite;animation-delay:calc(var(--beat)*-.5)}.scene.dance-active[data-dance="shuffle"] .hand-left{animation:shuffle-arms var(--beat) ease-in-out infinite}.scene.dance-active[data-dance="shuffle"] .hand-right{animation:shuffle-arms var(--beat) ease-in-out infinite;animation-delay:calc(var(--beat)*-.5)}.scene.dance-active[data-dance="robot"] .person{animation:robot-body calc(var(--beat)*4) steps(1,end) infinite}.scene.dance-active[data-dance="robot"] .hand-left{animation:robot-left calc(var(--beat)*4) steps(1,end) infinite}.scene.dance-active[data-dance="robot"] .hand-right{animation:robot-right calc(var(--beat)*4) steps(1,end) infinite}.scene.dance-active[data-dance="robot"] .head{animation:robot-head calc(var(--beat)*4) steps(1,end) infinite}.scene.dance-active[data-dance="robot"] .foot{animation:none}
@keyframes meme-bounce{50%{transform:translateY(-8px)}}@keyframes meme-nod{50%{transform:rotate(7deg)}}@keyframes dab-body{0%,100%{transform:rotate(-4deg) translateY(0)}25%,65%{transform:rotate(-13deg) translate(-8px,5px)}}@keyframes dab-point{0%,100%{transform:rotate(12deg)}25%,65%{transform:rotate(-5deg)}}@keyframes dab-cover{0%,100%{transform:rotate(18deg)}25%,65%{transform:rotate(-3deg)}}@keyframes dab-head{0%,100%{transform:rotate(-6deg)}25%,65%{transform:translate(-8px,8px) rotate(-24deg)}}@keyframes floss-hips{0%,100%{transform:translateX(-14px) rotate(-7deg)}50%{transform:translateX(14px) rotate(7deg)}}@keyframes floss-arms{0%,100%{transform:rotate(-38deg)}50%{transform:rotate(38deg)}}@keyframes shuffle-travel{0%,100%{transform:translate(-18px,-5px) rotate(-4deg)}25%{transform:translate(0,-13px)}50%{transform:translate(18px,-5px) rotate(4deg)}75%{transform:translate(0,-13px)}}@keyframes running-man{0%,100%{transform:translate(-12px,0) rotate(-15deg)}25%{transform:translate(12px,-18px) rotate(28deg)}50%{transform:translate(20px,-4px) rotate(8deg)}75%{transform:translate(0,0) rotate(-8deg)}}@keyframes shuffle-arms{50%{transform:rotate(24deg)}}@keyframes robot-body{0%,100%{transform:translateX(-9px) rotate(-5deg)}25%{transform:translateY(-7px)}50%{transform:translateX(9px) rotate(5deg)}75%{transform:translateY(2px)}}@keyframes robot-left{0%,100%{transform:rotate(0)}25%{transform:rotate(45deg)}50%{transform:rotate(90deg)}75%{transform:rotate(0)}}@keyframes robot-right{0%,100%{transform:rotate(0)}25%{transform:rotate(-90deg)}50%{transform:rotate(-45deg)}75%{transform:rotate(0)}}@keyframes robot-head{0%,100%{transform:rotate(-15deg)}25%{transform:rotate(0)}50%{transform:rotate(15deg)}75%{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.scene.dance-active .person,.scene.dance-active .head,.scene.dance-active .hand-left,.scene.dance-active .hand-right,.scene.dance-active .foot{animation:none!important}}
