@import url(https://fonts.googleapis.com/css?family=Montserrat);html{font-family:Montserrat;font-weight:500}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}svg rect.area{fill:#0000;stroke:#000;stroke-width:0;stroke-dasharray:5,5;pointer-events:none}svg rect.rect{fill:#0000;stroke:#0000;stroke-width:.5;stroke:#0005;fill:#6ced4850;cursor:pointer}svg rect.rect.active{fill:#6ced4880;stroke-width:.5;stroke:#000}svg rect.rect:hover:not(.active){fill:#0000;stroke-width:1;stroke:#000;fill:#6ced48aa}svg rect.boundingBox{stroke-width:0;fill:#d4f2f9}svg rect.allbox{stroke-width:0;fill:url(#diagonalHatch)}svg rect.allbox2{fill:#0000;stroke-width:.5;stroke:red;stroke-dasharray:5,5}.document{background:#fff;border:1px solid #e0ddf2}.ruler{background:#edf2f6;overflow:hidden;position:absolute;z-index:1}.ruler .slider{background:#fff;position:absolute}.ruler.horizontal .slider{height:20px}.ruler.vertical .slider{width:20px}.ruler.horizontal{border-bottom:1px solid #e0ddf2;height:20px;left:0;right:0;top:81px}.ruler.vertical{border-right:1px solid #e0ddf2;bottom:0;left:511px;top:0;width:20px}.ruler.true{left:511px}.ruler.false{left:61px}.ruler .units{height:100%;width:100%}.ruler.horizontal .slider svg{position:absolute;top:10px;width:100%}.ruler.vertical .slider svg{height:100%;left:10px;position:absolute}.ruler.horizontal .units{background-image:linear-gradient(90deg,#49494980,#49494980 2%,#0000 0),linear-gradient(180deg,#fff 50%,#0000 0),linear-gradient(90deg,#0000 50%,#49494980 0,#49494980 52%,#0000 0),linear-gradient(180deg,#fff 70%,#0000 0),linear-gradient(90deg,#0000 10%,#49494966 0,#49494966 12%,#0000 0,#0000 20%,#49494966 0,#49494966 22%,#0000 0,#0000 30%,#49494966 0,#49494966 32%,#0000 0,#0000 40%,#49494966 0,#49494966 42%,#0000 0,#0000 60%,#49494966 0,#49494966 62%,#0000 0,#0000 70%,#49494966 0,#49494966 72%,#0000 0,#0000 80%,#49494966 0,#49494966 82%,#0000 0,#0000 90%,#49494966 0,#49494966 92%,#0000 0);background-repeat:repeat-x;background-size:50px 20px}.document>svg{display:block}body{background:#f4f4f4}svg .demo.rect{stroke:#000;fill:#6ced4888}svg .demo.doc{stroke-width:1;stroke-dasharray:1,2;stroke:#dfd8e6;fill:#fff}svg .demo.margin{fill:#f4f1f6;stroke-width:1;stroke-dasharray:5,5;stroke:#dfd8e6}svg .demo.box{stroke-width:1;stroke:#dfd8e6;fill:#e9e5ee}svg .demo.unused{stroke-width:0;fill:url(#diagonalHatchDemo)}.pricing-anchor{position:absolute;right:16px;top:16px}.legend{border:1px solid;display:inline-block;height:12px;margin-right:5px;position:relative;top:1px;width:12px}.legend.bbox{background-color:#d4f2f9}.legend.rect{background-color:#6ced4888}.legend.waste{background-color:#d4f2f9;overflow:hidden;position:relative}.legend.waste:after{background-color:red;content:"";display:inline-block;height:30px;left:1px;position:absolute;top:-4px;transform:rotate(45deg);width:1px}.extra-detail{opacity:.5}.details-anchor{left:16px;position:absolute;top:16px}.guideline{opacity:.35;pointer-events:none;position:absolute;z-index:0}.guideline.horizontal{border-top:1px dashed;height:0;width:100%}.guideline.vertical{border-left:1px dashed;height:100%;width:0}.logo{position:absolute;right:20px;top:30px;z-index:-10}.tutorial{border-radius:10px;bottom:10px;box-shadow:2px 2px 10px #0003;height:130px;left:30px;padding:5px;position:absolute;width:300px;z-index:12}.tutorial,.tutorial span.key{background:#00000080;display:inline-block}.tutorial span.key{border-radius:5px;box-shadow:2px 2px 3px #0003;color:#fff;font-size:20px;height:50px;line-height:50px;position:relative;text-align:center;vertical-align:middle;width:50px}.tutorial span.key.shift{width:120px}.tutorial span.key>span{bottom:-15px;font-size:10px;position:absolute;right:3px}.tutorial span.a{left:5px;position:absolute;top:60px}.tutorial span.w{left:60px;position:absolute;top:5px}.tutorial span.s{left:60px;position:absolute;top:60px}.tutorial span.d{left:115px;position:absolute;top:60px}.tutorial span.r{position:absolute;right:75px;top:5px}.tutorial span.key.shift{position:absolute;right:5px;top:60px}.tutorial span.move{width:160px}.tutorial span.move,.tutorial span.shift{bottom:10px;font-size:14px;position:absolute;text-align:center}.tutorial span.shift{right:5px;width:120px}.tutorial span.rotate{font-size:14px;position:absolute;right:5px;text-align:center;top:20px;width:95px}.tutorial .help{opacity:1;transition:opacity .2s linear}.tutorial:hover .help{opacity:.25}.tutorial .close{border-radius:10px;cursor:pointer;font-weight:700;height:20px;line-height:20px;opacity:0;position:absolute;right:0;text-align:center;top:0;width:20px}.tutorial:hover .close{opacity:1}.tutorial .close:hover{background:#00000080;color:#fff}.ruler.sc-20 .nums .num:nth-child(2n),.ruler.sc-40 .nums .num,.ruler.sc-5 .nums .num:nth-child(2n){display:none}.ruler.sc-40 .nums .num:nth-child(4n+1){display:inline;display:initial}.ruler.sc-2 svg line,.ruler.sc-5 svg line:nth-child(2n){opacity:.35}.ruler.sc-2 svg line:nth-child(5n+1){opacity:1}.ruler span.num{color:#250048;font-size:10px;position:absolute;text-align:center;top:-3px;width:20px}.ruler.sc-2 .nums .num{display:none}.ruler.sc-2 .nums .num:nth-child(5n+1){display:inline;display:initial}.ruler.sc-3 .nums .num{display:none}.ruler.sc-3 .nums .num:nth-child(3n+1){display:inline;display:initial}.ruler.sc-3 svg line{opacity:.3}.ruler.sc-3 svg line:nth-child(3n+1){opacity:1}.nums.vertical .num{left:1px;text-align:left}.guideline .pos.x{left:25px;position:relative;top:-25px}.guideline .pos.y{left:5px;position:relative;top:25px}body{overflow:hidden}.document svg text{pointer-events:none}
/*# sourceMappingURL=main.527a96ce.css.map*/