@keyframes effect-pulse{20%{opacity:1;transform:translate(-50%, -50%) scale(1.125)}70%,100%{opacity:0;transform:translate(-50%, -50%) scale(1.5)}}.cube{perspective:200%;display:block;max-width:100%;width:200px}.mb-cube-box{width:200px;transform:translateZ(-100px);position:relative;transform-style:preserve-3d;transition:transform .6s ease-in-out}.mb-cube-card{position:absolute;width:200px;box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;transition:background-color .3s}.mb-cube-card.vertical-align-top{align-items:flex-start}.mb-cube-card.vertical-align-center{align-items:center}.mb-cube-card.vertical-align-bottom{align-items:flex-end}.mb-cube-card.text-align-left{justify-content:flex-start;text-align:left}.mb-cube-card.text-align-center{justify-content:center;text-align:center}.mb-cube-card.text-align-right{justify-content:flex-end;text-align:right}.mb-cube-card-inner{flex-shrink:0;width:100%}.mb-cube-card-visible{transform:rotateY(0deg) translateZ(100px)}.mb-cube-card p{margin:0}.mb-cube-box.rotate-right:hover,.mb-cube-box.rotate-up:hover{transform:translateZ(-100px) rotateY(-90deg)}.mb-cube-box.rotate-left:hover,.mb-cube-box.rotate-down:hover{transform:translateZ(-100px) rotateY(90deg)}.mb-cube-box.rotate-right .mb-cube-card-hidden,.mb-cube-box.rotate-up .mb-cube-card-hidden{transform:rotateY(90deg) translateZ(100px)}.mb-cube-box.rotate-left .mb-cube-card-hidden,.mb-cube-box.rotate-down .mb-cube-card-hidden{transform:rotateY(-90deg) translateZ(100px)}