@-webkit-keyframes cube_spin {
  0% {
    -webkit-transform: rotateX(-24deg) rotateY(36deg);
    -moz-transform: rotateX(-24deg) rotateY(36deg);
    -ms-transform: rotateX(-24deg) rotateY(36deg);
    -o-transform: rotateX(-24deg) rotateY(36deg);
    transform: rotateX(-24deg) rotateY(36deg);
  }
  25% {
    -webkit-transform: rotateX(-24deg) rotateY(126deg);
    -moz-transform: rotateX(-24deg) rotateY(126deg);
    -ms-transform: rotateX(-24deg) rotateY(126deg);
    -o-transform: rotateX(-24deg) rotateY(126deg);
    transform: rotateX(-24deg) rotateY(126deg);
  }
  50% {
    -webkit-transform: rotateX(24deg) rotateY(216deg);
    -moz-transform: rotateX(24deg) rotateY(216deg);
    -ms-transform: rotateX(24deg) rotateY(216deg);
    -o-transform: rotateX(24deg) rotateY(216deg);
    transform: rotateX(24deg) rotateY(216deg);
  }
  75% {
    -webkit-transform: rotateX(-18deg) rotateY(306deg);
    -moz-transform: rotateX(-18deg) rotateY(306deg);
    -ms-transform: rotateX(-18deg) rotateY(306deg);
    -o-transform: rotateX(-18deg) rotateY(306deg);
    transform: rotateX(-18deg) rotateY(306deg);
  }
  100% {
    -webkit-transform: rotateX(-24deg) rotateY(396deg);
    -moz-transform: rotateX(-24deg) rotateY(396deg);
    -ms-transform: rotateX(-24deg) rotateY(396deg);
    -o-transform: rotateX(-24deg) rotateY(396deg);
    transform: rotateX(-24deg) rotateY(396deg);
  }
}
@-moz-keyframes cube_spin {
  0% {
    -webkit-transform: rotateX(-24deg) rotateY(36deg);
    -moz-transform: rotateX(-24deg) rotateY(36deg);
    -ms-transform: rotateX(-24deg) rotateY(36deg);
    -o-transform: rotateX(-24deg) rotateY(36deg);
    transform: rotateX(-24deg) rotateY(36deg);
  }
  25% {
    -webkit-transform: rotateX(-24deg) rotateY(126deg);
    -moz-transform: rotateX(-24deg) rotateY(126deg);
    -ms-transform: rotateX(-24deg) rotateY(126deg);
    -o-transform: rotateX(-24deg) rotateY(126deg);
    transform: rotateX(-24deg) rotateY(126deg);
  }
  50% {
    -webkit-transform: rotateX(24deg) rotateY(216deg);
    -moz-transform: rotateX(24deg) rotateY(216deg);
    -ms-transform: rotateX(24deg) rotateY(216deg);
    -o-transform: rotateX(24deg) rotateY(216deg);
    transform: rotateX(24deg) rotateY(216deg);
  }
  75% {
    -webkit-transform: rotateX(-18deg) rotateY(306deg);
    -moz-transform: rotateX(-18deg) rotateY(306deg);
    -ms-transform: rotateX(-18deg) rotateY(306deg);
    -o-transform: rotateX(-18deg) rotateY(306deg);
    transform: rotateX(-18deg) rotateY(306deg);
  }
  100% {
    -webkit-transform: rotateX(-24deg) rotateY(396deg);
    -moz-transform: rotateX(-24deg) rotateY(396deg);
    -ms-transform: rotateX(-24deg) rotateY(396deg);
    -o-transform: rotateX(-24deg) rotateY(396deg);
    transform: rotateX(-24deg) rotateY(396deg);
  }
}
@-ms-keyframes cube_spin {
  0% {
    -webkit-transform: rotateX(-24deg) rotateY(36deg);
    -moz-transform: rotateX(-24deg) rotateY(36deg);
    -ms-transform: rotateX(-24deg) rotateY(36deg);
    -o-transform: rotateX(-24deg) rotateY(36deg);
    transform: rotateX(-24deg) rotateY(36deg);
  }
  25% {
    -webkit-transform: rotateX(-24deg) rotateY(126deg);
    -moz-transform: rotateX(-24deg) rotateY(126deg);
    -ms-transform: rotateX(-24deg) rotateY(126deg);
    -o-transform: rotateX(-24deg) rotateY(126deg);
    transform: rotateX(-24deg) rotateY(126deg);
  }
  50% {
    -webkit-transform: rotateX(24deg) rotateY(216deg);
    -moz-transform: rotateX(24deg) rotateY(216deg);
    -ms-transform: rotateX(24deg) rotateY(216deg);
    -o-transform: rotateX(24deg) rotateY(216deg);
    transform: rotateX(24deg) rotateY(216deg);
  }
  75% {
    -webkit-transform: rotateX(-18deg) rotateY(306deg);
    -moz-transform: rotateX(-18deg) rotateY(306deg);
    -ms-transform: rotateX(-18deg) rotateY(306deg);
    -o-transform: rotateX(-18deg) rotateY(306deg);
    transform: rotateX(-18deg) rotateY(306deg);
  }
  100% {
    -webkit-transform: rotateX(-24deg) rotateY(396deg);
    -moz-transform: rotateX(-24deg) rotateY(396deg);
    -ms-transform: rotateX(-24deg) rotateY(396deg);
    -o-transform: rotateX(-24deg) rotateY(396deg);
    transform: rotateX(-24deg) rotateY(396deg);
  }
}
@keyframes cube_spin {
  0% {
    -webkit-transform: rotateX(-24deg) rotateY(36deg);
    -moz-transform: rotateX(-24deg) rotateY(36deg);
    -ms-transform: rotateX(-24deg) rotateY(36deg);
    -o-transform: rotateX(-24deg) rotateY(36deg);
    transform: rotateX(-24deg) rotateY(36deg);
  }
  25% {
    -webkit-transform: rotateX(-24deg) rotateY(126deg);
    -moz-transform: rotateX(-24deg) rotateY(126deg);
    -ms-transform: rotateX(-24deg) rotateY(126deg);
    -o-transform: rotateX(-24deg) rotateY(126deg);
    transform: rotateX(-24deg) rotateY(126deg);
  }
  50% {
    -webkit-transform: rotateX(24deg) rotateY(216deg);
    -moz-transform: rotateX(24deg) rotateY(216deg);
    -ms-transform: rotateX(24deg) rotateY(216deg);
    -o-transform: rotateX(24deg) rotateY(216deg);
    transform: rotateX(24deg) rotateY(216deg);
  }
  75% {
    -webkit-transform: rotateX(-18deg) rotateY(306deg);
    -moz-transform: rotateX(-18deg) rotateY(306deg);
    -ms-transform: rotateX(-18deg) rotateY(306deg);
    -o-transform: rotateX(-18deg) rotateY(306deg);
    transform: rotateX(-18deg) rotateY(306deg);
  }
  100% {
    -webkit-transform: rotateX(-24deg) rotateY(396deg);
    -moz-transform: rotateX(-24deg) rotateY(396deg);
    -ms-transform: rotateX(-24deg) rotateY(396deg);
    -o-transform: rotateX(-24deg) rotateY(396deg);
    transform: rotateX(-24deg) rotateY(396deg);
  }
}
.documentationpage .cube_transform_style_scene {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  place-content: center;
  place-items: center;
  width: 220px;
  height: auto;
  perspective: 720px;
}
.documentationpage .cube_transform_style {
  -webkit-animation: cube_spin 8s linear infinite;
  -moz-animation: cube_spin 8s linear infinite;
  animation: cube_spin 8s linear infinite;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  -webkit-transform: rotateX(-24deg) rotateY(36deg);
  -moz-transform: rotateX(-24deg) rotateY(36deg);
  -ms-transform: rotateX(-24deg) rotateY(36deg);
  -o-transform: rotateX(-24deg) rotateY(36deg);
  transform: rotateX(-24deg) rotateY(36deg);
  width: 120px;
  height: 120px;
}
.documentationpage .cube_transform_style .face {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: flex;
  place-content: center;
  place-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  font-size: 38px;
  font-weight: bold;
  color: #FFF;
}
.documentationpage .cube_transform_style .front {
  -webkit-transform: translateZ(60px);
  -moz-transform: translateZ(60px);
  -ms-transform: translateZ(60px);
  -o-transform: translateZ(60px);
  transform: translateZ(60px);
  background: rgba(245, 243, 243, 0.92);
}
.documentationpage .cube_transform_style .back {
  -webkit-transform: rotateY(180deg) translateZ(60px);
  -moz-transform: rotateY(180deg) translateZ(60px);
  -ms-transform: rotateY(180deg) translateZ(60px);
  -o-transform: rotateY(180deg) translateZ(60px);
  transform: rotateY(180deg) translateZ(60px);
  background: rgba(58, 64, 90, 0.92);
}
.documentationpage .cube_transform_style .right {
  -webkit-transform: rotateY(90deg) translateZ(60px);
  -moz-transform: rotateY(90deg) translateZ(60px);
  -ms-transform: rotateY(90deg) translateZ(60px);
  -o-transform: rotateY(90deg) translateZ(60px);
  transform: rotateY(90deg) translateZ(60px);
  background: rgba(160, 19, 3, 0.88);
}
.documentationpage .cube_transform_style .left {
  -webkit-transform: rotateY(-90deg) translateZ(60px);
  -moz-transform: rotateY(-90deg) translateZ(60px);
  -ms-transform: rotateY(-90deg) translateZ(60px);
  -o-transform: rotateY(-90deg) translateZ(60px);
  transform: rotateY(-90deg) translateZ(60px);
  background: rgba(45, 57, 108, 0.9);
}
.documentationpage .cube_transform_style .top {
  -webkit-transform: rotateX(90deg) translateZ(60px);
  -moz-transform: rotateX(90deg) translateZ(60px);
  -ms-transform: rotateX(90deg) translateZ(60px);
  -o-transform: rotateX(90deg) translateZ(60px);
  transform: rotateX(90deg) translateZ(60px);
  background: rgba(251, 176, 59, 0.9);
}
.documentationpage .cube_transform_style .bottom {
  -webkit-transform: rotateX(-90deg) translateZ(60px);
  -moz-transform: rotateX(-90deg) translateZ(60px);
  -ms-transform: rotateX(-90deg) translateZ(60px);
  -o-transform: rotateX(-90deg) translateZ(60px);
  transform: rotateX(-90deg) translateZ(60px);
  background: rgba(190, 70, 210, 0.86);
}