html,body{margin:0;padding:0;box-sizing:border-box;overflow:hidden;width:100vw;height:100vh;font-family:monospace;background-color:#17191a}@keyframes rotate{0%{transform:perspective(1000px) rotateX(-14deg) rotateY(360deg)}to{transform:perspective(1000px) rotateX(-14deg) rotateY(0)}}#root{display:flex;width:100%;height:100%;justify-content:center;align-items:center;transform-style:preserve-3d;transform:perspective(1000px) rotateX(-12deg) rotateY(360deg);animation:rotate 18s linear infinite}.floor,.backfloor{position:absolute;width:70rem;height:70rem;transform-style:preserve-3d;clip-path:circle(50%)}.floor{background:url(/texture.png) repeat center center;background-size:16rem 16rem;image-rendering:pixelated;transform:rotateX(90deg) rotateY(0) rotate(0) translateZ(-15rem)}.backfloor{background:#333;transform:rotateX(90deg) rotateY(0) rotate(0) translateZ(-17rem)}.bowl{transform-style:preserve-3d;image-rendering:pixelated;transform:translate(7rem) translateY(12rem) translateZ(10rem) rotateY(22deg)}.bowl-side{width:2rem;height:2rem;background:url(/bowl.png) no-repeat;background-size:8rem 16rem;position:absolute}.bowl-side-front{transform:rotateX(0) translateZ(-4rem);width:8rem;background-position:0rem -2rem}.bowl-side-top{transform:rotateX(270deg) translateZ(-4rem);background:transparent}.bowl-side-left{transform:rotateY(-90deg) translateZ(4rem);width:8rem;background-position:0rem -12rem}.bowl-side-bottom{transform:rotateX(90deg) translateZ(2rem);width:8rem;height:8rem;background-position:0rem -4rem}.bowl-side-right{transform:rotateY(90deg) translateZ(4rem);width:8rem;background-position:0rem -14rem}.bowl-side-back{transform:rotateY(0) translateZ(4rem);width:8rem}.bowl .apple{position:absolute;transform:rotateY(calc(360deg / var(--items-count) * var(--item-id))) translateZ(600px);transform-style:preserve-3d;transform-origin:center}.bowl .apple:nth-child(1){transform:translate(4rem) translateZ(2rem) rotateX(36deg) rotate(25deg)}.bowl .apple:nth-child(2){transform:translate(5rem) translateZ(1rem) rotateX(-12deg) rotate(36deg)}.bowl .apple:nth-child(3){transform:translate(2rem) translateZ(1rem) rotateX(0) rotate(0)}.bowl .apple-side{width:2rem;height:2rem;position:absolute;background:url(/apple.png) no-repeat;background-size:8rem 8rem}.bowl .apple-side-front{transform:rotateX(0) translateZ(-1rem);background-position:-2rem -2rem}.bowl .apple-side-top{transform:rotateX(270deg) translateZ(-1rem);background-position:-2rem 0rem}.bowl .apple-side-left{transform:rotateY(-90deg) translateZ(1rem);background-position:0rem -2rem}.bowl .apple-side-bottom{transform:rotateX(90deg) translateZ(-1rem);background-position:-2rem -4rem}.bowl .apple-side-right{transform:rotateY(90deg) translateZ(1rem);background-position:-4rem -2rem}.bowl .apple-side-back{transform:rotateY(0) translateZ(1rem);background-position:-2rem -6rem}.bowl-second{transform:translate(-17rem) translateY(12rem) translateZ(3rem) rotateY(-45deg)}.steve-root{display:flex;font-size:36px;transform-style:preserve-3d}.steve-root>.steve{position:absolute;transform:rotateY(calc(360deg / var(--items-count) * var(--item-id))) translateZ(600px);transform-style:preserve-3d;transform-origin:center}.steve{transform-style:preserve-3d;image-rendering:pixelated}.steve *{transform-style:preserve-3d;transform-origin:center center}.steve-default .steve-body__side{background-image:url(/steve.png)}.steve-injuredsteve .steve-body__side{background-image:url(/injuredsteve.png)}.steve-afroamerican .steve-body__side{background-image:url(/afroamerican.png)}.steve-chad .steve-body__side{background-image:url(/chad.png)}.steve-woman .steve-body__side{background-image:url(/woman.png)}.steve-pig .steve-body__side{background-image:url(/pig.png)}.steve-body__side{width:4rem;height:4rem;position:absolute;background:url(/steve.png) no-repeat;background-size:64rem 64rem}.steve-body__side-front{transform:rotateX(0) translateZ(-2rem)}.steve-body__side-top{transform:rotateX(270deg) translateZ(-2rem)}.steve-body__side-left{transform:rotateY(-90deg) translateZ(2rem)}.steve-body__side-bottom{transform:rotateX(90deg) translateZ(-10rem)}.steve-body__side-right{transform:rotateY(90deg) translateZ(2rem)}.steve-body__side-back{transform:rotateY(0) translateZ(2rem)}.steve-body__torso{transform-origin:4rem 6rem;transform:rotateX(0) rotateY(0) rotate(0) translate(0) translateY(0) translateZ(0)}.steve-body__torso>.steve-body__side-back,.steve-body__torso>.steve-body__side-front,.steve-body__torso>.steve-body__side-left,.steve-body__torso>.steve-body__side-right{height:12rem}.steve-body__torso>.steve-body__side-back,.steve-body__torso>.steve-body__side-front,.steve-body__torso>.steve-body__side-top,.steve-body__torso>.steve-body__side-bottom{width:8rem}.steve-body__torso>.steve-body__side-left,.steve-body__torso>.steve-body__side-right{width:4rem}.steve-body__torso>.steve-body__side-left{background-position:-16rem -20rem}.steve-body__torso>.steve-body__side-right{transform:rotateY(90deg) translateZ(6rem);background-position:-32rem -20rem}.steve-body__torso>.steve-body__side-front{background-position:-20rem -20rem}.steve-body__torso>.steve-body__side-back{background-position:-32rem -20rem}.steve-body__torso>.steve-body__side-top{background-position:-20rem -16rem}.steve-body__torso>.steve-body__side-bottom{background-position:-28rem -16rem;transform:rotateX(-90deg) translateZ(10rem)}.steve-body__head{transform-origin:4rem 4rem;transform:rotateX(0) rotateY(0) rotate(0) translateY(-8rem)}.steve-body__head>.steve-body__side-back,.steve-body__head>.steve-body__side-front,.steve-body__head>.steve-body__side-left,.steve-body__head>.steve-body__side-right,.steve-body__head>.steve-body__side-top,.steve-body__head>.steve-body__side-bottom{height:8rem;width:8rem}.steve-body__head>.steve-body__side-front{transform:rotateY(-180deg) translateZ(4rem);background-position:-8rem -8rem}.steve-body__head>.steve-body__side-top{transform:rotateX(90deg) translateZ(4rem);background-position:-8rem 0}.steve-body__head>.steve-body__side-left{transform:rotateY(270deg) translateZ(4rem);background-position:-16rem -8rem}.steve-body__head>.steve-body__side-bottom{transform:rotateX(-90deg) translateZ(4rem)}.steve-body__head>.steve-body__side-right{transform:rotateY(90deg) translateZ(4rem);background-position:0 -8rem}.steve-body__head>.steve-body__side-back{transform:translateZ(4rem);background-position:-24rem -8rem}.steve-body__head>.steve-body__side-bottom{background-position:-16rem 0}.steve-body__right-hand{transform-origin:8rem 0;transform:rotateX(0) rotateY(0) rotate(0) translate(8rem)}.steve-body__left-hand{transform-origin:0 0;transform:rotateX(0) rotateY(0) rotate(0) translate(-4rem)}.steve-body__right-hand>.steve-body__side-back,.steve-body__right-hand>.steve-body__side-front,.steve-body__right-hand>.steve-body__side-left,.steve-body__right-hand>.steve-body__side-right,.steve-body__left-hand>.steve-body__side-back,.steve-body__left-hand>.steve-body__side-front,.steve-body__left-hand>.steve-body__side-left,.steve-body__left-hand>.steve-body__side-right{height:12rem}.steve-body__right-hand>.steve-body__side-right,.steve-body__left-hand>.steve-body__side-right{background-position:-40rem -20rem}.steve-body__right-hand>.steve-body__side-left,.steve-body__left-hand>.steve-body__side-left{background-position:-48rem -20rem}.steve-body__right-hand>.steve-body__side-front,.steve-body__left-hand>.steve-body__side-front{background-position:-44rem -20rem}.steve-body__right-hand>.steve-body__side-back,.steve-body__left-hand>.steve-body__side-back{background-position:-52rem -20rem}.steve-body__right-hand>.steve-body__side-top,.steve-body__left-hand>.steve-body__side-top{background-position:-44rem -16rem}.steve-body__right-hand>.steve-body__side-bottom,.steve-body__left-hand>.steve-body__side-bottom{background-position:-48rem -16rem}.steve-body__left-hand>.steve-body__side-right{background-position:-48rem -20rem}.steve-body__left-hand>.steve-body__side-left{background-position:-40rem -20rem}.steve-body__right-leg{transform-origin:6rem 12rem;transform:rotateX(0) rotateY(0) rotate(0) translateY(12rem) translate(4rem)}.steve-body__left-leg{transform-origin:2rem 12rem;transform:rotateX(0) rotateY(0) rotate(0) translateY(12rem)}.steve-body__right-leg>.steve-body__side-back,.steve-body__right-leg>.steve-body__side-front,.steve-body__right-leg>.steve-body__side-left,.steve-body__right-leg>.steve-body__side-right,.steve-body__left-leg>.steve-body__side-back,.steve-body__left-leg>.steve-body__side-front,.steve-body__left-leg>.steve-body__side-left,.steve-body__left-leg>.steve-body__side-right{height:12rem}.steve-body__right-leg>.steve-body__side-front,.steve-body__left-leg>.steve-body__side-front{background-position:-4rem -20rem}.steve-body__right-leg>.steve-body__side-right,.steve-body__left-leg>.steve-body__side-right{background-position:-8rem -20rem}.steve-body__right-leg>.steve-body__side-left,.steve-body__left-leg>.steve-body__side-left{background-position:0rem -20rem}.steve-body__right-leg>.steve-body__side-back,.steve-body__left-leg>.steve-body__side-back{background-position:-12rem -20rem}.steve-body__right-leg>.steve-body__side-top,.steve-body__left-leg>.steve-body__side-top{background-position:-4rem -16rem}.steve-body__right-leg>.steve-body__side-bottom,.steve-body__left-leg>.steve-body__side-bottom{background-position:-8rem -16rem}.steve-body__animation-nodding .steve-body__head{animation:nodding calc(3s * var(--animation-multiplier)) ease-in-out infinite}@keyframes nodding{0%,to{transform:rotateX(0) rotateY(0) rotate(0) translateY(-8rem)}35%{transform:rotateX(-12deg) rotateY(0) rotate(0) translateY(-8rem)}50%{transform:rotateX(20deg) rotateY(0) rotate(0) translateY(-8rem)}67%{transform:rotateX(-6deg) rotateY(0) rotate(0) translateY(-8rem)}}.steve-body__animation-backflip .steve-body__torso{animation:backflip-torso calc(1.7s * var(--animation-multiplier)) linear infinite}.steve-body__animation-backflip .steve-body__right-leg{animation:backflip-right-leg calc(1.7s * var(--animation-multiplier)) ease-in infinite}.steve-body__animation-backflip .steve-body__left-leg{animation:backflip-left-leg calc(1.7s * var(--animation-multiplier)) ease-in infinite}.steve-body__animation-backflip .steve-body__right-hand{animation:backflip-right-hand calc(1.7s * var(--animation-multiplier)) ease-in infinite}.steve-body__animation-backflip .steve-body__left-hand{animation:backflip-left-hand calc(1.7s * var(--animation-multiplier)) ease-in infinite}.steve-body__animation-backflip .steve-body__head{animation:nodding calc(3s * var(--animation-multiplier)) ease-in-out infinite}@keyframes backflip-torso{0%{transform:rotateX(0) rotateY(0) rotate(0) translate(0) translateY(0) translateZ(0)}20%{transform:rotateX(0) rotateY(0) rotate(0) translate(0) translateY(0) translateZ(0)}30%{transform:rotateX(0) rotateY(0) rotate(0) translate(0) translateY(-4rem) translateZ(0)}45%{transform:rotateX(40deg) rotateY(0) rotate(0) translate(0) translateY(-7rem) translateZ(0)}50%{transform:rotateX(85deg) rotateY(0) rotate(0) translate(0) translateY(-8rem) translateZ(0)}57%{transform:rotateX(140deg) rotateY(0) rotate(0) translate(0) translateY(8rem) translateZ(0)}67%{transform:rotateX(260deg) rotateY(0) rotate(0) translate(0) translateY(6rem) translateZ(0)}81%,to{transform:rotateX(360deg) rotateY(0) rotate(0) translate(0) translateY(0) translateZ(0)}}@keyframes backflip-right-leg{0%{transform:rotateX(0) rotateY(0) rotate(0) translateY(12rem) translate(4rem)}20%{transform:rotateX(0) rotateY(0) rotate(0) translateY(12rem) translate(4rem)}35%{transform:rotateX(-90deg) rotateY(0) rotate(0) translateY(12rem) translate(4rem)}50%{transform:rotateX(-105deg) rotateY(0) rotate(0) translateY(12rem) translate(4rem)}65%{transform:rotateX(-95deg) rotateY(0) rotate(0) translateY(12rem) translate(4rem)}80%{transform:rotateX(-68deg) rotateY(0) rotate(0) translateY(12rem) translate(4rem)}to{transform:rotateX(0) rotateY(0) rotate(0) translateY(12rem) translate(4rem)}}@keyframes backflip-left-leg{0%{transform:rotateX(0) rotateY(0) rotate(0) translateY(12rem)}20%{transform:rotateX(-45deg) rotateY(0) rotate(0) translateY(12rem)}35%{transform:rotateX(-72deg) rotateY(0) rotate(0) translateY(12rem)}50%{transform:rotateX(-90deg) rotateY(0) rotate(0) translateY(12rem)}65%{transform:rotateX(-108deg) rotateY(0) rotate(0) translateY(12rem)}80%{transform:rotateX(-79deg) rotateY(0) rotate(0) translateY(12rem)}to{transform:rotateX(0) rotateY(0) rotate(0) translateY(12rem)}}@keyframes backflip-right-hand{0%{transform:rotateX(0) rotateY(0) rotate(0) translate(8rem)}20%{transform:rotateX(-42deg) rotateY(12deg) rotate(-10deg) translate(8rem)}35%{transform:rotateX(-72deg) rotateY(14deg) rotate(-10deg) translate(8rem)}50%{transform:rotateX(-11deg) rotateY(0) rotate(-5deg) translate(8rem)}65%{transform:rotateX(-59deg) rotateY(10deg) rotate(10deg) translate(8rem)}80%{transform:rotateX(-84deg) rotateY(5deg) rotate(6deg) translate(8rem)}to{transform:rotateX(0) rotateY(0) rotate(0) translate(8rem)}}@keyframes backflip-left-hand{0%{transform:rotateX(0) rotateY(0) rotate(0) translate(-4rem)}20%{transform:rotateX(-32deg) rotateY(8deg) rotate(10deg) translate(-4rem)}35%{transform:rotateX(-56deg) rotateY(17deg) rotate(10deg) translate(-4rem)}50%{transform:rotateX(-23deg) rotateY(10deg) rotate(5deg) translate(-4rem)}65%{transform:rotateX(-35deg) rotateY(7deg) rotate(-10deg) translate(-4rem)}80%{transform:rotateX(-68deg) rotateY(0) rotate(-6deg) translate(-4rem)}to{transform:rotateX(0) rotateY(0) rotate(0) translate(-4rem)}}.steve-body__animation-hello .steve-body__right-hand{animation:hello calc(1.8s * var(--animation-multiplier)) ease-in-out infinite}@keyframes hello{0%,to{transform:rotateX(0) rotateY(0) rotate(0) translate(8rem)}30%{transform:rotateX(-10deg) rotateY(0) rotate(-10deg) translate(8rem)}45%{transform:rotateX(-100deg) rotateY(0) rotate(-14deg) translate(8rem)}70%{transform:rotateX(-95deg) rotateY(0) rotate(-8deg) translate(8rem)}}.steve-body__animation-scratch-nose .steve-body__head{animation:scratch-nose-head calc(2.3s * var(--animation-multiplier)) ease-in-out infinite}.steve-body__animation-scratch-nose .steve-body__right-hand{animation:scratch-nose-right-head calc(2.3s * var(--animation-multiplier)) ease-in-out infinite}@keyframes scratch-nose-head{0%{transform:rotateX(0) rotateY(0) rotate(0) translateY(-8rem)}20%{transform:rotateX(0) rotateY(-6deg) rotate(10deg) translateY(-8rem)}36%{transform:rotateX(10deg) rotateY(-6deg) rotate(10deg) translateY(-8rem)}48%{transform:rotateX(-10deg) rotateY(-6deg) rotate(10deg) translateY(-8rem)}65%{transform:rotateX(10deg) rotateY(-6deg) rotate(10deg) translateY(-8rem)}80%,to{transform:rotateX(0) rotateY(0) rotate(0) translateY(-8rem)}}@keyframes scratch-nose-right-head{0%{transform:rotateX(0) rotateY(0) rotate(0) translate(8rem)}20%{transform:rotateX(-10deg) rotateY(-10deg) rotate(10deg) translate(8rem)}40%{transform:rotateX(-130deg) rotateY(-10deg) rotate(30deg) translate(8rem)}48%{transform:rotateX(-110deg) rotateY(-5deg) rotate(50deg) translate(8rem)}65%{transform:rotateX(-130deg) rotateY(-10deg) rotate(30deg) translate(8rem)}80%,to{transform:rotateX(0) rotateY(0) rotate(0) translate(8rem)}}.steve-body__animation-sitting .steve-body__torso{animation:sitting-torso calc(2s * var(--animation-multiplier)) ease-in-out infinite}.steve-body__animation-sitting .steve-body__head{animation:sitting-head-shaking calc(5s * var(--animation-multiplier)) ease-in-out infinite}.steve-body__animation-sitting .steve-body__right-leg{animation:sitting-right-leg calc(2s * var(--animation-multiplier)) ease-in-out infinite}.steve-body__animation-sitting .steve-body__left-leg{animation:sitting-left-leg calc(2s * var(--animation-multiplier)) ease-in-out infinite}.steve-body__animation-sitting .steve-body__right-hand{animation:sitting-right-hand calc(2s * var(--animation-multiplier)) ease-in-out infinite}.steve-body__animation-sitting .steve-body__left-hand{animation:sitting-left-hand calc(2s * var(--animation-multiplier)) ease-in-out infinite}@keyframes sitting-torso{0%,to{transform:rotateX(0) rotateY(0) rotate(0) translate(0) translateY(12rem) translateZ(0)}}@keyframes sitting-head-shaking{0%,to{transform:rotateX(20deg) rotateY(30deg) rotate(10deg) translateY(-8rem)}50%{transform:rotateX(-20deg) rotateY(0) rotate(10deg) translateY(-8rem)}}@keyframes sitting-right-leg{0%,to{transform:rotateX(-90deg) rotateY(0) rotate(-10deg) translateY(12rem) translate(4rem)}}@keyframes sitting-left-leg{0%,to{transform:rotateX(-90deg) rotateY(0) rotate(10deg) translateY(12rem)}}@keyframes sitting-right-hand{0%,60%,to{transform:rotateX(-80deg) rotateY(-30deg) rotate(10deg) translate(8rem)}40%{transform:rotateX(-110deg) rotateY(-30deg) rotate(10deg) translate(8rem)}50%{transform:rotateX(-80deg) rotateY(-20deg) rotate(10deg) translate(8rem)}53%{transform:rotateX(-90deg) rotateY(-10deg) rotate(10deg) translate(8rem)}}@keyframes sitting-left-hand{0%,to{transform:rotateX(-80deg) rotateY(30deg) rotate(30deg) translate(-4rem)}}