.cube-transition-container{perspective:1200px;min-height:100vh;background:linear-gradient(135deg,#0a0c1b,#181a2a);transition:background .5s;overflow-x:hidden}.cube-transition-enter{transform:rotateY(-90deg);opacity:0}.cube-transition-enter-active{transition:transform .7s cubic-bezier(.77,0,.18,1),opacity .7s}.cube-transition-enter-active,.cube-transition-exit{transform:rotateY(0deg);opacity:1}.cube-transition-exit-active{transform:rotateY(90deg);opacity:0;transition:transform .7s cubic-bezier(.77,0,.18,1),opacity .7s}