.tool-box[data-v-d309f3e6]{display:inline-block;padding:5px;background:#fff;cursor:default}.tool-item[data-v-a124f9a4]{display:inline-block;position:relative;min-width:25px;height:30px;line-height:30px;vertical-align:middle;text-align:center;opacity:.3;margin:0 2px;color:#000}.tool-item.active[data-v-a124f9a4],.tool-item[data-v-a124f9a4]:hover{opacity:1}.tool-item.disabled[data-v-a124f9a4]{cursor:not-allowed}.pad-box[data-v-5c2150a1]{width:100%;height:100%;display:inline-block}.pad-box .pad-canvas[data-v-5c2150a1]{width:100%;height:100%}.context-menu-box[data-v-2116cf0d]{position:absolute;min-width:120px;width:auto!important;z-index:9999;background:#fff;-webkit-box-shadow:0 0 5px 2px rgba(0,0,0,.1);box-shadow:0 0 5px 2px rgba(0,0,0,.1);padding:5px 0}.text-pad{position:absolute;min-width:100px;width:200px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.text-pad .text-pad-header{position:absolute;top:-40px;width:100%;height:40px;line-height:40px;cursor:default}.text-pad .text-pad-header .text-pad-title{padding:0 15px;text-align:left;height:100%;cursor:default;background:hsla(0,0%,100%,.3)}.text-pad .text-pad-header .text-pad-title.disabled{cursor:not-allowed!important}.text-pad .text-pad-header .tools{position:absolute;top:0;right:5px}.text-pad .text-pad-header .tools .tool-item{display:inline-block;position:relative;min-width:25px;height:30px;line-height:30px;vertical-align:middle;text-align:center;opacity:.6;margin:0 2px;font-size:18px;color:#000}.text-pad .text-pad-header .tools .tool-item.disabled{cursor:not-allowed}.text-pad .text-pad-header .tools .tool-item:hover{opacity:1}.text-pad .text-pad-header .color-picker{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;top:0;left:0;right:0}.text-pad .text-pad-header .color-picker .color-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:40px;line-height:40px;text-align:center;font-size:20px}.text-pad .text-pad-body{padding:1px;overflow:auto;height:100%}.x-drag-move .text-pad-header .text-pad-title,.x-drag-start .text-pad-header .text-pad-title{cursor:move!important}.text-pad-resize{width:20px;height:20px;position:absolute;background:transparent;z-index:10}.text-pad-resize.disabled{cursor:not-allowed!important}.text-pad-resize.resize-top-left{cursor:nw-resize;top:0;left:0;z-index:20}.text-pad-resize.resize-top-right{cursor:ne-resize;top:0;right:0;z-index:20}.text-pad-resize.resize-bottom-left{cursor:sw-resize;bottom:0;left:0;z-index:20}.text-pad-resize.resize-bottom-right{cursor:se-resize;bottom:0;right:0;z-index:20}.text-pad-resize.resize-top-border{cursor:ns-resize;top:0;width:100%;height:10px}.text-pad-resize.resize-right-border{cursor:ew-resize;right:0;width:10px;height:100%}.text-pad-resize.resize-bottom-border{cursor:ns-resize;bottom:0;width:100%;height:10px}.text-pad-resize.resize-left-border{cursor:ew-resize;left:0;width:10px;height:100%}.text-editor.disabled,.text-editor.disabled *{cursor:not-allowed!important}.note-pad{position:absolute;min-width:400px;min-height:140px;height:200px;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box}.note-pad .note-pad-header{position:absolute;top:-40px;width:100%;height:40px;line-height:40px;cursor:default}.note-pad .note-pad-header .note-pad-title{padding:0 15px;text-align:left;height:100%;cursor:default;background:hsla(0,0%,100%,.3)}.note-pad .note-pad-header .note-pad-title.disabled{cursor:not-allowed!important}.note-pad .note-pad-header .tools{position:absolute;top:0;right:5px}.note-pad .note-pad-header .tools .tool-item{display:inline-block;position:relative;min-width:25px;height:30px;line-height:30px;vertical-align:middle;text-align:center;opacity:.6;margin:0 2px;font-size:18px;color:#000}.note-pad .note-pad-header .tools .tool-item.disabled{cursor:not-allowed}.note-pad .note-pad-header .tools .tool-item:hover{opacity:1}.note-pad .note-pad-header .color-picker{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;top:0;left:0;right:0}.note-pad .note-pad-header .color-picker .color-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:40px;line-height:40px;text-align:center;font-size:20px}.note-pad .note-pad-body{padding:1px;overflow:auto;height:100%}.x-drag-move,.x-drag-start{-webkit-transition:none;transition:none;opacity:.7}.x-drag-move .note-pad-header .note-pad-title,.x-drag-start .note-pad-header .note-pad-title{cursor:move!important}.note-pad-resize{width:20px;height:20px;position:absolute;background:transparent;z-index:10}.note-pad-resize.disabled{cursor:not-allowed!important}.note-pad-resize.resize-top-left{cursor:nw-resize;top:0;left:0;z-index:20}.note-pad-resize.resize-top-right{cursor:ne-resize;top:0;right:0;z-index:20}.note-pad-resize.resize-bottom-left{cursor:sw-resize;bottom:0;left:0;z-index:20}.note-pad-resize.resize-bottom-right{cursor:se-resize;bottom:0;right:0;z-index:20}.note-pad-resize.resize-top-border{cursor:ns-resize;top:0;width:100%;height:10px}.note-pad-resize.resize-right-border{cursor:ew-resize;right:0;width:10px;height:100%}.note-pad-resize.resize-bottom-border{cursor:ns-resize;bottom:0;width:100%;height:10px}.note-pad-resize.resize-left-border{cursor:ew-resize;left:0;width:10px;height:100%}.quill-editor .ql-container,.quill-editor .ql-toolbar{border:none}.note-editor{visibility:visible}.note-editor.disabled,.note-editor.disabled *{cursor:not-allowed!important}.note-editor.disabled .ql-toolbar{visibility:hidden}.grid-box[data-v-bb388098]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:600;background:rgba(55,55,55,.6);overflow:auto;text-align:center}.grid-box:hover .close[data-v-bb388098]{top:0}.grid-box .close[data-v-bb388098]{position:fixed;top:-80px;right:20px;width:50px;height:50px;background:transparent;color:#000;line-height:50px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;border-radius:50%;z-index:10}.grid-box .close[data-v-bb388098]:hover{background:#000;color:#fff}.grid-box .close .ivu-icon[data-v-bb388098]{margin:0;font-size:30px}.grid-box .block-box[data-v-bb388098]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;padding:20px}.grid-box .block-box .block-item[data-v-bb388098]{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:400px;height:250px;line-height:250px;margin:10px;background:#fff;color:#000;border:2px solid #fff;text-align:center;overflow:hidden;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.grid-box .block-box .block-item[data-v-bb388098]:hover{-webkit-box-shadow:0 0 1px 1px #fff;box-shadow:0 0 1px 1px #fff}.grid-box .block-box .block-item:hover .close[data-v-bb388098]{top:0}.grid-box .block-box .block-item.block-add[data-v-bb388098]{background:transparent;font-size:50px;color:#fff}.grid-box .block-box .block-item.block-active .active[data-v-bb388098]{top:0}.grid-box .block-box .block-item .close[data-v-bb388098]{position:absolute;top:-50px;left:50%;width:30px;height:30px;background:transparent;color:#000;line-height:1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;border-radius:50%;margin-left:-15px}.grid-box .block-box .block-item .close[data-v-bb388098]:hover{background:#000;color:#fff}.grid-box .block-box .block-item .close .ivu-icon[data-v-bb388098]{margin:0;font-size:30px}.grid-box .block-box .block-item .active[data-v-bb388098]{position:absolute;top:-50px;right:0;width:30px;height:30px;background:#19be6b;color:#fff;line-height:30px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.grid-box .block-box .block-item .active .ivu-icon[data-v-bb388098]{margin:0;font-size:30px}.grid-box .block-box .block-item .img[data-v-bb388098]{width:100%;height:100%}.grid-box .block-box .block-item .img img[data-v-bb388098]{width:100%;height:100%;margin:0}.tool-bar[data-v-1eef2ee8]{flex-wrap:wrap;-ms-flex-line-pack:start;width:100%;height:40px;padding:0 20px;position:absolute;top:0;left:0;right:0;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.1);box-shadow:0 0 2px 2px rgba(0,0,0,.1);background:#fff;z-index:500}.tool-bar .tool-box[data-v-1eef2ee8],.tool-bar[data-v-1eef2ee8]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;align-content:flex-start}.tool-bar .tool-box[data-v-1eef2ee8]{flex-wrap:wrap;-ms-flex-line-pack:start;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.tool-bar .tool-box.left[data-v-1eef2ee8]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.tool-bar .tool-box.center[data-v-1eef2ee8]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tool-bar .tool-box.right[data-v-1eef2ee8]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tool-bar .tool-box .tool-item[data-v-1eef2ee8]{display:inline-block}.sketchpad[data-v-12f1ba1d]{display:inline-block;width:100%;position:absolute;top:65px;left:0;right:0;bottom:0;z-index:100}.card-box[data-v-1fb35680]{display:inline-block;position:absolute;top:0;bottom:0;padding-top:40px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.1);box-shadow:0 0 2px 2px rgba(0,0,0,.1);background:#fff;z-index:200;overflow-y:auto;overflow-x:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.card-box .handler[data-v-1fb35680]{display:inline-block;width:100%;height:25px;line-height:25px}.card-item[data-v-316cebc6]{border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.card-item .header[data-v-316cebc6],.card-item[data-v-316cebc6]{display:inline-block;width:100%;position:relative}.card-item .header .title[data-v-316cebc6]{width:100%;height:25px;line-height:25px;border-bottom:1px solid rgba(0,0,0,.1);text-indent:10px}.card-item .header .handler[data-v-316cebc6]{position:absolute;right:0;top:0;z-index:10}.card-item .body[data-v-316cebc6]{display:inline-block;width:100%}.node-element[data-v-6a972c7c]{display:inline-block;margin:2px;border:1px solid transparent}.node-element[data-v-6a972c7c]:hover{border-color:rgba(0,0,0,.1);cursor:move}.node-element .content[data-v-6a972c7c]{display:inline-block;width:100%;height:100%}.panel-left .card-item[data-v-044395eb]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.materials-editor[data-v-0b0ba615],.navigator[data-v-4b356ac0]{display:inline-block;width:100%;height:100%}.materials-editor[data-v-0b0ba615]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.materials-selector[data-v-20f1accb]{display:inline-block;width:100%;height:100%}.materials-selector .handler[data-v-20f1accb]{position:absolute;top:50%;left:-20px;width:20px;height:20px;margin-top:-10px;background:#000;border-top-left-radius:50%;border-bottom-left-radius:50%;-webkit-box-shadow:-2px 0 2px 2px rgba(0,0,0,.1);box-shadow:-2px 0 2px 2px rgba(0,0,0,.1);opacity:.3}.materials-selector .handler[data-v-20f1accb]:hover{opacity:1}.materials-selector .category[data-v-20f1accb]{display:inline-block;width:40px;border-right:1px solid rgba(0,0,0,.1);height:100%;position:absolute;top:0;bottom:0;text-align:center}.materials-selector .category .category-item[data-v-20f1accb]{position:relative;height:40px;line-height:40px;padding:5px 0;color:#000;opacity:.3}.materials-selector .category .category-item[data-v-20f1accb] :after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:transparent}.materials-selector .category .category-item.active[data-v-20f1accb],.materials-selector .category .category-item[data-v-20f1accb]:hover{opacity:1}.materials-selector .category .category-item.active[data-v-20f1accb] :after,.materials-selector .category .category-item[data-v-20f1accb]:hover :after{background:#fff}.materials-selector .category .tool-item[data-v-20f1accb]{position:relative;height:40px;line-height:40px;padding:5px 0;color:#000;opacity:.3}.materials-selector .category .tool-item[data-v-20f1accb]:hover{opacity:1}.materials-selector .category .divider[data-v-20f1accb]{margin:5px 0}.materials-selector .list-block[data-v-20f1accb]{display:inline-block;width:calc(100% - 40px);height:100%;overflow:auto;padding:10px}.materials-selector .list-block .list-item[data-v-20f1accb]{margin:5px 0}.materials-box[data-v-9bf9547c]{display:inline-block;position:absolute;top:0;right:-999px;bottom:0;z-index:600;width:300px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.1);box-shadow:0 0 2px 2px rgba(0,0,0,.1);background:#fff;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.materials-box.editor[data-v-9bf9547c]{right:0;left:0;width:100%}.materials-box.selector[data-v-9bf9547c]{right:0;width:300px}.board[data-v-3239977b]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#fff}.board .header[data-v-3239977b]{position:absolute;top:10px;display:inline-block;text-align:center;z-index:500;background:transparent;cursor:default}.board .body[data-v-3239977b]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100}.board .footer[data-v-3239977b]{position:absolute;bottom:-50px;display:inline-block;text-align:center;z-index:500;background:transparent;cursor:default;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.board .footer.show[data-v-3239977b]{bottom:5px}