@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";:root{--jj-stencil-paper-drag-opacity: 1}body{width:100vw;height:100vh;margin:0;overflow:hidden}.container{height:100%;width:100%}.container #canvas{width:calc(100% - 240px - 340px);height:100%;position:absolute;left:240px}.container #canvas .joint-paper{border:1px solid #e2e2e2;margin:0 auto}.container #canvas .paper-scroller-background{background:#fbfbfb}.container #canvas .active-container{stroke:#1592e6}.container #canvas .joint-free-transform{border:2px solid #0058ff}.container #canvas .joint-free-transform .resize{width:10px;height:10px;background:#0058ff}.container #canvas .joint-free-transform .resize.nw{transform:translate(-2px, -2px)}.container #canvas .joint-free-transform .resize.sw{transform:translate(-2px, 2px)}.container #canvas .joint-free-transform .resize.ne{transform:translate(2px, -2px)}.container #canvas .joint-free-transform .resize.se{transform:translate(2px, 2px)}.container #canvas .joint-free-transform .resize.w{transform:translate(-2px, -2px)}.container #canvas .joint-free-transform .resize.s{transform:translate(-2px, 2px)}.container #canvas .joint-free-transform .resize.n{transform:translate(-2px, -2px)}.container #canvas .joint-free-transform .resize.e{transform:translate(2px, -2px)}.container #products-stencil,.container #shelves-stencil{width:240px;height:100%;position:absolute;z-index:1}.container #products-stencil .joint-stencil,.container #shelves-stencil .joint-stencil{border:none;border-right:1px solid #d4d4d4;width:100%;background:#fff}.container #products-stencil .joint-stencil:after,.container #shelves-stencil .joint-stencil:after{font-weight:700;font-family:Roboto,sans-serif;font-size:14px;color:rgba(0,0,0,.7)}.container #products-stencil .joint-stencil .search-wrap,.container #shelves-stencil .joint-stencil .search-wrap{border-bottom:1px solid #ddd}.container #products-stencil .joint-stencil .search-wrap .search,.container #shelves-stencil .joint-stencil .search-wrap .search{color:#222;border-color:#ddd;border-radius:4px;background:#fff;font-weight:300;font-family:Roboto,sans-serif;font-size:14px;margin:8px auto;width:calc(100% - 16px)}.container #products-stencil .joint-stencil .group:not(:first-child) .group-label,.container #shelves-stencil .joint-stencil .group:not(:first-child) .group-label{border-top:1px solid #ddd}.container #products-stencil .joint-stencil .group .group-label,.container #shelves-stencil .joint-stencil .group .group-label{font-family:Roboto,sans-serif;font-size:14px;text-transform:capitalize;display:flex;background:none;color:#222}.container #products-stencil .joint-stencil .group .group-label:before,.container #shelves-stencil .joint-stencil .group .group-label:before{left:10px;background-image:url(./../assets/collapse.svg)}.container #products-stencil .joint-stencil .group .group-label h3,.container #shelves-stencil .joint-stencil .group .group-label h3{margin-left:4px}.container #products-stencil .joint-stencil .group.closed .group-label:before,.container #shelves-stencil .joint-stencil .group.closed .group-label:before{background-image:url(./../assets/expand.svg)}.container #products-stencil .joint-stencil .not-found.searchable:after,.container #shelves-stencil .joint-stencil .not-found.searchable:after{font-family:Roboto,sans-serif;font-size:14px}.container #products-stencil{left:0}.container #shelves-stencil{width:340px;position:absolute;right:0}button.rappid-button{width:84px;height:32px;background:#fff;border:1px solid #0000001F;border-radius:16px;text-align:center;font-size:14px;line-height:16px;font-family:"Roboto",sans-serif;letter-spacing:.25px;color:#000000DE;cursor:pointer}button.rappid-button:hover{background:#4666E51F;border:1px solid #4666e5;color:#4666e5}.invalid rect{stroke:#eb5368;stroke-width:3px;fill-opacity:.4}.invalid [joint-selector=topForeground]{display:none}