.stage[data-v-178f03a0] {
  margin-top: 0px;
  position: absolute;
  width: 100%;
  height: 20%;
  -webkit-perspective: 25rem;
}
.magicBox[data-v-178f03a0] {
  position: absolute;
  top: 1.5rem;
  left: 80%;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform: rotateX(-45deg) rotateY(10deg) rotateZ(0deg);
  /*-webkit-transform: rotateX(45deg) rotateY(-45deg) rotateZ(0deg);*/
}
.magicBox1[data-v-178f03a0] {
  transform: rotateX(0deg) rotateY(-20deg) rotateZ(0deg);
}
.magicBox2[data-v-178f03a0] {
  transform: rotateX(0deg) rotateY(160deg) rotateZ(0deg);
}
.box[data-v-178f03a0] {
  width: 4rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0px;
  margin-left: -1.5rem;
  -webkit-transform-style: preserve-3d;
}
.frontBox[data-v-178f03a0] {
  -webkit-transform: translateZ(-1rem);
}
.middleBox[data-v-178f03a0] {
  -webkit-transform: translateZ(2rem);
}
.middleBox1[data-v-178f03a0] {
  -webkit-transform: translateZ(1rem);
}
.backBox[data-v-178f03a0] {
  -webkit-transform: translateZ(3rem);
}