.content{--bg:#eee;--bgDark:#e4e4e4;--bgLight:#f4f4f4;--text:#333;--highlight:#c7b703;--darkHighlight:#997c06;--lightHighlight:#dfdf02;--frame2d:#111;--bg2d:#ddd;--error:red;--success:#429028;--info:#225a92;--black:#000;--white:white;--grey:#666;--shadow:#999}.content.dark{--bg:#222;--bgDark:#1c1c1c;--bgLight:#262626;--text:#ccc;--highlight:#c7b703;--darkHighlight:#997c06;--lightHighlight:#dfdf02;--frame2d:#111;--bg2d:#2c2c2c;--error:red;--black:#000;--white:white;--grey:#333;--shadow:#111}.mouse-controls{z-index:100;display:flex;position:absolute;bottom:2rem;left:2rem}.mouse-controls span{justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:relative}.mouse-controls span.active{background-color:var(--highlight)}.mouse-controls span.active svg path{fill:#fff}.mouse-controls span:not(.active):hover{cursor:pointer}.mouse-controls span:not(.active):hover svg path{fill:var(--text)}.mouse-controls span+span{margin-left:1rem}.mouse-controls span .sub-icon{background-color:#666;border-radius:2rem;width:1.5rem;height:1.5rem;padding:.25rem;position:absolute;top:-.5rem;right:-.5rem}.mouse-controls span svg{height:80%}.mouse-controls span svg path{fill:#666;transition:all .35s}.image-result{background-color:#fff;align-items:center;width:100%;height:25%;display:flex;position:absolute;bottom:0;left:0}.image-result>img{border:1px solid #999;width:20%}.building{z-index:120;background-color:#eee;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.building>p{opacity:.75;text-transform:uppercase;margin-bottom:.5rem;font-size:1rem}.building .loader{box-sizing:border-box;background-color:#fff;background-image:linear-gradient(45deg,#00000040 25%,#0000 25% 50%,#00000040 50% 75%,#0000 75%,#0000);background-size:1em 1em;border:1px solid #00000040;border-radius:.25rem;width:5rem;height:.4rem;font-size:2rem;animation:1s linear infinite barStripe;display:inline-block}@keyframes barStripe{0%{background-position:1em 0}to{background-position:0 0}}.building .cube{width:5rem;height:5rem;transform-style:preserve-3d;margin-bottom:.833333rem;transition:transform 1s;position:relative;transform:translateZ(-2.5rem)}.building .cube>div{color:#fff;text-align:center;border:2px solid #fff;justify-content:center;align-items:center;width:5rem;height:5rem;font-size:.555556rem;display:flex;position:absolute}.building .cube>div.V_FRONT{transform:rotateY(0)translateZ(2.5rem)}.building .cube>div.V_RIGHT{transform:rotateY(90deg)translateZ(2.5rem)}.building .cube>div.V_BACK{transform:rotateY(180deg)translateZ(2.5rem)}.building .cube>div.V_LEFT{transform:rotateY(-90deg)translateZ(2.5rem)}.building .cube>div.V_TOP{transform:rotateX(90deg)translateZ(2.5rem)}.building .cube>div.V_BOTTOM{transform:rotateX(-90deg)translateZ(2.5rem)}.building .cube.show-V_FRONT{transform:translateZ(-2.5rem)rotateY(0)}.building .cube.show-V_RIGHT{transform:translateZ(-2.5rem)rotateY(-90deg)}.building .cube.show-V_BACK{transform:translateZ(-2.5rem)rotateY(-180deg)}.building .cube.show-V_LEFT{transform:translateZ(-2.5rem)rotateY(90deg)}.building .cube.show-V_TOP{transform:translateZ(-2.5rem)rotateX(-90deg)}.building .cube.show-V_BOTTOM{transform:translateZ(-2.5rem)rotateX(90deg)}.side-views{z-index:110;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.side-views .close{color:#fff;border:none;padding:.5rem 1rem;position:absolute;top:1rem;right:1rem}.side-views .close:hover{border:none}.side-views .preview-top,.side-views .preview-bottom{justify-content:center;align-items:center;display:flex}.side-views .preview-center{justify-content:center;display:flex}.side-views>div img{height:100%}