.d-animations .flip-box{height:300px;perspective:1000px;width:300px}.d-animations .flip-box:hover .flip-box-inner{transform:rotateX(180deg)}.d-animations .flip-box .flip-box-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s;width:100%}.d-animations .flip-box .flip-box-inner .flip-box-back,.d-animations .flip-box .flip-box-inner .flip-box-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.d-animations .flip-box .flip-box-inner .flip-box-back{transform:rotateX(180deg)}.d-animations .scene{height:200px;perspective:600px;width:200px}.d-animations .scene .cube{height:100%;position:relative;transform-style:preserve-3d;transition:transform 1s;width:100%}.d-animations .scene .cube.show-front{transform:translateZ(-100px) rotateY(0deg)}.d-animations .scene .cube.show-right{transform:translateZ(-100px) rotateY(-90deg)}.d-animations .scene .cube.show-back{transform:translateZ(-100px) rotateY(-180deg)}.d-animations .scene .cube.show-left{transform:translateZ(-100px) rotateY(90deg)}.d-animations .scene .cube.show-top{transform:translateZ(-100px) rotateX(-90deg)}.d-animations .scene .cube.show-bottom{transform:translateZ(-100px) rotateX(90deg)}.d-animations .scene .cube .cube__face{height:200px;line-height:200px;position:absolute;text-align:center;width:200px}.d-animations .scene .cube .cube__face.cube__face--front{transform:rotateY(0deg) translateZ(100px)}.d-animations .scene .cube .cube__face.cube__face--right{transform:rotateY(90deg) translateZ(100px)}.d-animations .scene .cube .cube__face.cube__face--back{transform:rotateY(180deg) translateZ(100px)}.d-animations .scene .cube .cube__face.cube__face--left{transform:rotateY(-90deg) translateZ(100px)}.d-animations .scene .cube .cube__face.cube__face--top{transform:rotateX(90deg) translateZ(100px)}.d-animations .scene .cube .cube__face.cube__face--bottom{transform:rotateX(-90deg) translateZ(100px)}.d-animations .scene-multiplue{height:200px;perspective:600px;width:200px}.d-animations .scene-multiplue .cube{height:100%;position:relative;transform:translateZ(-100px);transform-style:preserve-3d;width:100%}.d-animations .scene-multiplue .cube .cube__face{height:200px;line-height:200px;position:absolute;text-align:center;width:200px}.d-animations .scene-multiplue .cube .cube__face.cube__face--front{transform:rotateY(0deg) translateZ(100px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--right{transform:rotateY(90deg) translateZ(100px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--right-second{transform:rotateY(90deg) translateZ(80px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--right-third{transform:rotateY(90deg) translateZ(60px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--right-fourth{transform:rotateY(90deg) translateZ(40px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--right-five{transform:rotateY(90deg) translateZ(20px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--back{transform:rotateY(180deg) translateZ(100px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--left{transform:rotateY(-90deg) translateZ(100px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--left-second{transform:rotateY(-90deg) translateZ(80px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--left-third{transform:rotateY(-90deg) translateZ(60px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--left-fourth{transform:rotateY(-90deg) translateZ(40px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--left-five{transform:rotateY(-90deg) translateZ(20px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--top{transform:rotateX(90deg) translateZ(100px)}.d-animations .scene-multiplue .cube .cube__face.cube__face--bottom{transform:rotateX(-90deg) translateZ(100px)}.d-animations .scene-box{height:200px;perspective:500px;width:300px}.d-animations .scene-box .box{height:100%;position:relative;transform:translateZ(-50px);transform-style:preserve-3d;width:100%}.d-animations .scene-box .box .box__face{line-height:200px;position:absolute;text-align:center}.d-animations .scene-box .box .box__face--back,.d-animations .scene-box .box .box__face--front{height:200px;width:300px}.d-animations .scene-box .box .box__face--left,.d-animations .scene-box .box .box__face--right{height:200px;left:100px;width:100px}.d-animations .scene-box .box .box__face--bottom,.d-animations .scene-box .box .box__face--top{height:100px;top:50px;width:300px}.d-animations .scene-box .box .box__face--front{transform:translateZ(50px)}.d-animations .scene-box .box .box__face--back{transform:rotateX(-180deg) translateZ(50px)}.d-animations .scene-box .box .box__face--top{transform:rotateX(90deg) translateZ(100px)}.d-animations .scene-box .box .box__face--bottom{transform:rotateX(-90deg) translateZ(100px)}.d-animations .scene-box .box .box__face--right{transform:rotateY(90deg) translateZ(150px)}.d-animations .scene-box .box .box__face--left{transform:rotateY(-90deg) translateZ(150px)}.d-animations .flip-box-front{background-color:#98c1d9}.d-animations .flip-box-back{background-color:#aed4b3}.d-animations .box__face,.d-animations .cube__face{color:#fff}.d-animations .cube__face--front{background-color:rgba(174,212,179,.5)}.d-animations .cube__face--back{background-color:rgba(152,193,217,.5)}.d-animations .cube__face--right,.d-animations .cube__face--right-five,.d-animations .cube__face--right-fourth,.d-animations .cube__face--right-second,.d-animations .cube__face--right-third{background-color:rgba(2,69,71,.5)}.d-animations .cube__face--left,.d-animations .cube__face--left-five,.d-animations .cube__face--left-fourth,.d-animations .cube__face--left-second,.d-animations .cube__face--left-third{background-color:rgba(210,65,25,.5)}.d-animations .cube__face--top{background-color:rgba(254,194,246,.5)}.d-animations .cube__face--bottom{background-color:hsla(0,0%,50%,.5)}.d-animations .box__face--front{background-color:rgba(210,65,25,.5)}.d-animations .box__face--back{background-color:hsla(0,0%,50%,.5)}.d-animations .box__face--right{background-color:rgba(254,194,246,.5)}.d-animations .box__face--left{background-color:rgba(152,193,217,.5)}.d-animations .box__face--top{background-color:rgba(174,212,179,.5)}.d-animations .box__face--bottom{background-color:rgba(2,69,71,.5)}

/*# sourceMappingURL=block_3d_animations_basic.css.map*/