#app,body,html{height:100%;margin:0;padding:0}.loading[data-v-50f8531f]{width:100px;height:100px;perspective:1000px;margin:50px auto}.cube[data-v-50f8531f]{width:100%;height:100%;position:relative;transform-style:preserve-3d;-webkit-animation:rotate-data-v-50f8531f 2s linear infinite;animation:rotate-data-v-50f8531f 2s linear infinite}.side[data-v-50f8531f]{position:absolute;width:100%;height:100%;border:2px solid #fff}.front[data-v-50f8531f]{background:linear-gradient(45deg,red,#0ff);transform:translateZ(50px)}.back[data-v-50f8531f]{background:linear-gradient(45deg,#0ff,red);transform:translateZ(-50px) rotateY(180deg)}.top[data-v-50f8531f]{background:linear-gradient(45deg,#f0f,#ff0);transform:rotateX(90deg) translateZ(50px)}.bottom[data-v-50f8531f]{background:linear-gradient(45deg,#ff0,#f0f);transform:rotateX(-90deg) translateZ(50px)}.left[data-v-50f8531f]{background:linear-gradient(45deg,#0f0,#00f);transform:rotateY(-90deg) translateZ(50px)}.right[data-v-50f8531f]{background:linear-gradient(45deg,#00f,#0f0);transform:rotateY(90deg) translateZ(50px)}@-webkit-keyframes rotate-data-v-50f8531f{0%{transform:rotateY(0deg) rotateX(0deg)}to{transform:rotateY(1turn) rotateX(1turn)}}@keyframes rotate-data-v-50f8531f{0%{transform:rotateY(0deg) rotateX(0deg)}to{transform:rotateY(1turn) rotateX(1turn)}}