.cube-container{left:0;transform:scale(.875);transform-origin:top center;width:100%}.cube-container .is-button{border-width:1px}@media screen and (max-width:768px){.cube-container{width:calc(100vw - var(--p-15)*2)}}.cube-wrapper{perspective:680px;perspective-origin:top}.cube-wrapper *{transform-style:preserve-3d}.flat,.flat *{transform-style:flat}.face{backface-visibility:hidden;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.prev-face{transform:translateZ(85px)}.next-face{transform:rotateY(180deg) translateZ(85px)}.next-face .face-content{margin-top:auto;transform:rotate(180deg)}.top{transform:rotateX(90deg) translateY(-50%);transform-origin:top center}.face-next{transform:rotateX(-90deg) translateY(50%);transform-origin:bottom center}