.mycube{position:relative;width:300px!important;user-select:none;background-size:cover;background-position:center;display:inline-block}.rotating-box{width:300px;margin:0 auto;perspective:600px;padding-top:7em;padding-bottom:12em;perspective:2000px;-webkit-perspective:2000px;transform:scale(.4);margin-left:-1.7em!important}.single-rb{width:300px;transform-style:preserve-3d;transition:all 300ms}.single-rb>div{outline:1px solid #c8c8c8;transition:all 300ms;background-color:#fff}.single-rb>div>img{position:absolute}.single-rb>div>canvas{display:block;max-width:100%;min-width:100%}.single-rb img{height:300px;width:300px}.single-rb div{position:absolute;height:300px;width:300px}.front-side{transform:translateZ(150px)}.back-side{transform:rotateY(180deg) translateZ(150px)}.left-side{transform:rotateY(-90deg) translateX(-150px);transform-origin:left}.right-side{transform:rotateY(90deg) translateX(150px);transform-origin:right}.top-side{transform:rotateX(-90deg) translateY(-150px);transform-origin:top}.bottom-side{transform:rotateX(90deg) translateY(150px);transform-origin:bottom}.mycube img{display:block;max-width:100%;width:100%}.mycube img[src=""]{display:none}