body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}h1{color:#ff3e00;text-transform:uppercase;font-size:4em!important;font-weight:100!important}body{background:#fff}.asset-grid-item:hover{border:5px solid #ff0}.asset-grid-item.selected{border:5px solid #0ff}.dropdown svg{vertical-align:baseline!important}*{box-sizing:border-box}body{font-family:sans-serif}.scene{border:1px solid #ccc;margin:80px;-webkit-perspective:400px;perspective:400px}.cube,.scene{width:200px;height:200px}.cube{position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-100px);transform:translateZ(-100px);transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.cube.show-front{-webkit-transform:translateZ(-100px) rotateY(0deg);transform:translateZ(-100px) rotateY(0deg)}.cube.show-right{-webkit-transform:translateZ(-100px) rotateY(-90deg);transform:translateZ(-100px) rotateY(-90deg)}.cube.show-back{-webkit-transform:translateZ(-100px) rotateY(-180deg);transform:translateZ(-100px) rotateY(-180deg)}.cube.show-left{-webkit-transform:translateZ(-100px) rotateY(90deg);transform:translateZ(-100px) rotateY(90deg)}.cube.show-top{-webkit-transform:translateZ(-100px) rotateX(-90deg);transform:translateZ(-100px) rotateX(-90deg)}.cube.show-bottom{-webkit-transform:translateZ(-100px) rotateX(90deg);transform:translateZ(-100px) rotateX(90deg)}.cube__face{position:absolute;width:200px;height:200px;border:2px solid #000;line-height:200px;font-size:40px;font-weight:700;color:#fff;text-align:center}.cube__face--front{background:rgba(255,0,0,.7)}.cube__face--right{background:rgba(255,255,0,.7)}.cube__face--back{background:rgba(0,255,0,.7)}.cube__face--left{background:rgba(0,255,255,.7)}.cube__face--top{background:rgba(0,0,255,.7)}.cube__face--bottom{background:rgba(255,0,255,.7)}.cube__face--front{-webkit-transform:rotateY(0deg) translateZ(100px);transform:rotateY(0deg) translateZ(100px)}.cube__face--right{-webkit-transform:rotateY(90deg) translateZ(100px);transform:rotateY(90deg) translateZ(100px)}.cube__face--back{-webkit-transform:rotateY(180deg) translateZ(100px);transform:rotateY(180deg) translateZ(100px)}.cube__face--left{-webkit-transform:rotateY(-90deg) translateZ(100px);transform:rotateY(-90deg) translateZ(100px)}.cube__face--top{-webkit-transform:rotateX(90deg) translateZ(100px);transform:rotateX(90deg) translateZ(100px)}.cube__face--bottom{-webkit-transform:rotateX(-90deg) translateZ(100px);transform:rotateX(-90deg) translateZ(100px)}label{margin-right:10px}.container{-webkit-perspective:1000px;perspective:1000px;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;font-family:"fontawesome";height:50vh}.container .cube{position:relative;left:25vw;top:50%;height:200px;width:200px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;cursor:pointer;-webkit-transform:rotateX(135deg) rotateY(-217deg) rotate(-88deg);transform:rotateX(135deg) rotateY(-217deg) rotate(-88deg)}.container .cube div{position:absolute;box-sizing:border-box;padding:10px;height:100%;width:100%;border:2px solid #eee;color:#fff}.container .cube div span{font-size:32px;font-family:"fontawesome"}.container .cube .front{background:green;background:#000;-webkit-transform:translateZ(100px);transform:translateZ(100px)}.container .cube .back{background:orange;background:#000;-webkit-transform:translateZ(-100px) rotateY(180deg);transform:translateZ(-100px) rotateY(180deg)}.container .cube .right{background:purple;background:#000;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotateY(-270deg) translateX(100px);transform:rotateY(-270deg) translateX(100px)}.container .cube .left{background:orange;background:#000;-webkit-transform-origin:center left;transform-origin:center left;-webkit-transform:rotateY(270deg) translateX(-100px);transform:rotateY(270deg) translateX(-100px)}.container .cube .top{background:green;background:#000;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotateX(-270deg) translateY(-100px);transform:rotateX(-270deg) translateY(-100px)}.container .cube .bottom{background:#000;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:rotateX(270deg) translateY(100px);transform:rotateX(270deg) translateY(100px)}.container .cube .front span,.container .cube .left span:first-child,.container .cube .right span:first-child{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container .cube .bottom span:first-child,.container .cube .left span:nth-child(2),.container .cube .right span:nth-child(2),.container .cube .top span:first-child{position:absolute;top:35px;left:35px}.container .cube .bottom span:nth-child(2),.container .cube .left span:nth-child(3),.container .cube .right span:nth-child(3),.container .cube .top span:nth-child(2){position:absolute;bottom:35px;right:35px}.container .cube .bottom span:nth-child(3),.container .cube .right span:nth-child(4){position:absolute;top:35px;right:35px}.container .cube .bottom span:nth-child(4),.container .cube .right span:nth-child(5){position:absolute;bottom:35px;left:35px}.container .cube .back pre{font-size:32px;font-family:"fontawesome";margin:0}.container .cube .back .firstPre{position:absolute;top:45px;left:49px}.container .cube .back .secondPre{position:absolute;bottom:45px;right:46px}@-webkit-keyframes animate{25%{-webkit-transform:rotateX(45deg) rotateY(65deg) rotate(35deg);transform:rotateX(45deg) rotateY(65deg) rotate(35deg);top:0}50%{-webkit-transform:rotateX(145deg) rotateY(165deg) rotate(135deg);transform:rotateX(145deg) rotateY(165deg) rotate(135deg);top:30%}75%{-webkit-transform:rotateX(276deg) rotateY(256deg) rotate(246deg);transform:rotateX(276deg) rotateY(256deg) rotate(246deg);top:45%}to{-webkit-transform:rotateX(376deg) rotateY(356deg) rotate(346deg);transform:rotateX(376deg) rotateY(356deg) rotate(346deg);top:60%}}@keyframes animate{25%{-webkit-transform:rotateX(45deg) rotateY(65deg) rotate(35deg);transform:rotateX(45deg) rotateY(65deg) rotate(35deg);top:0}50%{-webkit-transform:rotateX(145deg) rotateY(165deg) rotate(135deg);transform:rotateX(145deg) rotateY(165deg) rotate(135deg);top:30%}75%{-webkit-transform:rotateX(276deg) rotateY(256deg) rotate(246deg);transform:rotateX(276deg) rotateY(256deg) rotate(246deg);top:45%}to{-webkit-transform:rotateX(376deg) rotateY(356deg) rotate(346deg);transform:rotateX(376deg) rotateY(356deg) rotate(346deg);top:60%}}
/*# sourceMappingURL=main.1cd43b16.chunk.css.map */