.container[data-v-d489e05e]{flex-direction:row;justify-content:center;align-items:center;width:50%;margin:0 auto;display:flex}@keyframes rotate-d489e05e{0%{transform:rotateX(-37.5deg)rotateY(45deg)}50%{transform:rotateX(-37.5deg)rotateY(405deg)}to{transform:rotateX(-37.5deg)rotateY(405deg)}}.cube[data-v-d489e05e],.cube[data-v-d489e05e] *{width:61px;height:61px;position:absolute}.sides[data-v-d489e05e]{transform-style:preserve-3d;animation:3s .8s infinite rotate-d489e05e;transform:rotateX(-37.5deg)rotateY(45deg)}.cube .sides[data-v-d489e05e] *{box-sizing:border-box;border:2px solid #fff}.cube .sides .top[data-v-d489e05e]{transform-origin:50%;background-color:#f06122cc;animation:3s infinite forwards top-animation-d489e05e;transform:rotateX(90deg)translateZ(60px)}@keyframes top-animation-d489e05e{0%{opacity:1;transform:rotateX(90deg)translateZ(60px)}20%{opacity:1;transform:rotateX(90deg)translateZ(30px)}70%{opacity:1;transform:rotateX(90deg)translateZ(30px)}90%{opacity:1;transform:rotateX(90deg)translateZ(60px)}to{opacity:1;transform:rotateX(90deg)translateZ(60px)}}.cube .sides .bottom[data-v-d489e05e]{transform-origin:50%;background-color:#f06122cc;animation:3s infinite forwards bottom-animation-d489e05e;transform:rotateX(-90deg)translateZ(60px)}@keyframes bottom-animation-d489e05e{0%{opacity:1;transform:rotateX(-90deg)translateZ(60px)}20%{opacity:1;transform:rotateX(-90deg)translateZ(30px)}70%{opacity:1;transform:rotateX(-90deg)translateZ(30px)}90%{opacity:1;transform:rotateX(-90deg)translateZ(60px)}to{opacity:1;transform:rotateX(-90deg)translateZ(60px)}}.cube .sides .front[data-v-d489e05e]{transform-origin:50%;background-color:#fcbd8acc;animation:3s .1s infinite forwards front-animation-d489e05e;transform:rotateY(0)translateZ(60px)}@keyframes front-animation-d489e05e{0%{opacity:1;transform:rotateY(0)translateZ(60px)}20%{opacity:1;transform:rotateY(0)translateZ(30px)}70%{opacity:1;transform:rotateY(0)translateZ(30px)}90%{opacity:1;transform:rotateY(0)translateZ(60px)}to{opacity:1;transform:rotateY(0)translateZ(60px)}}.cube .sides .back[data-v-d489e05e]{transform-origin:50%;background-color:#fcbd8acc;animation:3s .1s infinite forwards back-animation-d489e05e;transform:rotateY(-180deg)translateZ(60px)}@keyframes back-animation-d489e05e{0%{opacity:1;transform:rotateY(-180deg)translateZ(60px)}20%{opacity:1;transform:rotateY(-180deg)translateZ(30px)}70%{opacity:1;transform:rotateY(-180deg)translateZ(30px)}90%{opacity:1;transform:rotateY(-180deg)translateZ(60px)}to{opacity:1;transform:rotateY(-180deg)translateZ(60px)}}.cube .sides .left[data-v-d489e05e]{transform-origin:50%;background-color:#faa01acc;animation:3s .1s infinite forwards left-animation-d489e05e;transform:rotateY(-90deg)translateZ(60px)}@keyframes left-animation-d489e05e{0%{opacity:1;transform:rotateY(-90deg)translateZ(60px)}20%{opacity:1;transform:rotateY(-90deg)translateZ(30px)}70%{opacity:1;transform:rotateY(-90deg)translateZ(30px)}90%{opacity:1;transform:rotateY(-90deg)translateZ(60px)}to{opacity:1;transform:rotateY(-90deg)translateZ(60px)}}.cube .sides .right[data-v-d489e05e]{transform-origin:50%;background-color:#faa01acc;animation:3s .1s infinite forwards right-animation-d489e05e;transform:rotateY(90deg)translateZ(60px)}@keyframes right-animation-d489e05e{0%{opacity:1;transform:rotateY(90deg)translateZ(60px)}20%{opacity:1;transform:rotateY(90deg)translateZ(30px)}70%{opacity:1;transform:rotateY(90deg)translateZ(30px)}90%{opacity:1;transform:rotateY(90deg)translateZ(60px)}to{opacity:1;transform:rotateY(90deg)translateZ(60px)}}