.wresize-panel-3{position:relative;height:100%}.wresize-panel-3 .wresize-panel-left{position:absolute;left:0;top:0;bottom:0}.wresize-panel-3 .wresize-panel-center{position:absolute;top:0;bottom:0}.wresize-panel-3 .wresize-panel-right{position:absolute;right:0;top:0;bottom:0}.wresize-panel-3 .wresize-handler-left,.wresize-panel-3 .wresize-handler-right{position:absolute;top:0;bottom:0;width:5px;cursor:w-resize}.topo-toolbox{border:1px solid #ccc;background-color:#fff;overflow-y:auto;overflow-x:hidden}.topo-toolbox .toolbox-group{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:justify;align-content:space-between}.topo-toolbox .toolbox-group .toolbox-item{width:70px;margin:5px 3px 2px 3px;color:#777;border:1px solid transparent}.topo-toolbox .toolbox-group .toolbox-item.base{width:64px}.topo-toolbox .toolbox-group .toolbox-item .toolbox-item-icon{text-align:center}.topo-toolbox .toolbox-group .toolbox-item .toolbox-item-text{margin-top:5px;text-align:center;font-size:12px}.topo-toolbox .toolbox-group .toolbox-item:hover{border:1px solid #ccc;background:#ccc;color:#38f;border-radius:6px;cursor:pointer}.item-icon[data-v-13d092f2]{height:30px}.item-icon .iconfont[data-v-13d092f2]{font-size:30px;margin-left:14px}.ScaleBox[data-v-309dc5f6]{left:0;top:0;z-index:999;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.RefDot_h[data-v-309dc5f6],.RefDot_v[data-v-309dc5f6],.RefLine_h[data-v-309dc5f6],.RefLine_v[data-v-309dc5f6],.ScaleRuler_h[data-v-309dc5f6],.ScaleRuler_v[data-v-309dc5f6]{position:absolute;left:0;top:0;overflow:hidden;z-index:999}.ScaleRuler_h[data-v-309dc5f6]{width:100%;height:18px;left:18px;opacity:.6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAASCAMAAAAuTX21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFMzMzAAAA////BqjYlAAAACNJREFUeNpiYCAdMDKRCka1jGoBA2JZZGshiaCXFpIBQIABAAplBkCmQpujAAAAAElFTkSuQmCC) repeat-x}.ScaleRuler_v[data-v-309dc5f6]{width:18px;height:100%;top:18px;opacity:.6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAyCAMAAABmvHtTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFMzMzAAAA////BqjYlAAAACBJREFUeNpiYGBEBwwMTGiAakI0NX7U9aOuHyGuBwgwAH6bBkAR6jkzAAAAAElFTkSuQmCC) repeat-y}.ScaleRuler_h .n[data-v-309dc5f6],.ScaleRuler_v .n[data-v-309dc5f6]{position:absolute;font:10px/1 Arial,sans-serif;color:#333;cursor:default}.ScaleRuler_v .n[data-v-309dc5f6]{width:8px;left:3px;word-wrap:break-word}.ScaleRuler_h .n[data-v-309dc5f6]{top:1px}.RefDot_h[data-v-309dc5f6],.RefDot_v[data-v-309dc5f6],.RefLine_h[data-v-309dc5f6],.RefLine_v[data-v-309dc5f6]{z-index:998}.RefLine_h[data-v-309dc5f6]{width:100%;height:3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAMAAADU3h9xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFSv//AAAAH8VRuAAAAA5JREFUeNpiYIACgAADAAAJAAE0lmO3AAAAAElFTkSuQmCC) repeat-x 0;cursor:n-resize}.RefLine_v[data-v-309dc5f6]{width:3px;height:100%;_height:9999px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAMAAAAPxGVzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFSv//AAAAH8VRuAAAAA5JREFUeNpiYEAFAAEGAAAQAAGePof9AAAAAElFTkSuQmCC) repeat-y top;cursor:w-resize}.RefDot_h[data-v-309dc5f6]{width:100%;height:3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFf39/////F3PnHQAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgYGRgZAQIMAAADQAExkizYQAAAABJRU5ErkJggg==) repeat-x left 1px;cursor:n-resize;top:-10px}.RefDot_v[data-v-309dc5f6]{width:3px;height:100%;_height:9999px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFf39/////F3PnHQAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgYGRgZAQIMAAADQAExkizYQAAAABJRU5ErkJggg==) repeat-y 1px top;cursor:w-resize;left:-10px}#content[data-v-309dc5f6]{position:absolute;height:100%;width:100%;overflow:auto}.topo-main{--scrollbar-size:0.5rem;background-color:#fff;border:1px solid #ccc;position:relative;overflow-x:hidden;overflow-y:hidden}.topo-main .topo-layer{width:100%;height:100%;position:absolute;-webkit-transform-origin:left top;transform-origin:left top;overflow:auto;background-image:linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc),linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc);background-size:20px 20px;background-position:0 0,10px 10px}.topo-main .topo-layer .topo-frame-selection{background-color:#8787e7;opacity:.3;border:1px solid #00f;position:absolute;z-index:999}.topo-main .topo-layer .topo-layer-view{position:absolute;height:100px;width:100px;background-color:#999;cursor:move;border:1px solid #ccc}.topo-main .topo-layer .topo-layer-view .resize-left-top{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;left:-5px;top:-5px;cursor:nwse-resize}.topo-main .topo-layer .topo-layer-view .resize-left-center{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;left:-5px;top:50%;margin-top:-5px;cursor:ew-resize}.topo-main .topo-layer .topo-layer-view .resize-left-bottom{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;left:-5px;bottom:-5px;cursor:nesw-resize}.topo-main .topo-layer .topo-layer-view .resize-right-top{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;right:-5px;top:-5px;cursor:nesw-resize}.topo-main .topo-layer .topo-layer-view .resize-right-center{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;right:-5px;top:50%;margin-top:-5px;cursor:ew-resize}.topo-main .topo-layer .topo-layer-view .resize-right-bottom{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;right:-5px;bottom:-5px;cursor:nwse-resize}.topo-main .topo-layer .topo-layer-view .resize-center-top{top:-5px}.topo-main .topo-layer .topo-layer-view .resize-center-bottom,.topo-main .topo-layer .topo-layer-view .resize-center-top{position:absolute;height:10px;width:10px;background-color:#fff;border:1px solid #0cf;left:50%;margin-left:-5px;cursor:ns-resize}.topo-main .topo-layer .topo-layer-view .resize-center-bottom{bottom:-5px}.topo-main .topo-layer .topo-layer-view-selected{outline:1px solid #0cf}.topo-main-footer{height:40px;border-top:1px solid #ccc;position:relative;background-color:#fff;z-index:999}.selected-component{line-height:40px;height:40px;margin-left:20px}.btn-style{margin-left:50px;height:30px;margin-top:5px}.topo-properties{border:1px solid #ccc;background-color:#fff;height:100%}.topo-properties .topo-properties-tabs{height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid #ccc;background-color:#fff}.topo-properties .topo-properties-tabs .topo-properties-tab{height:35px;text-align:center;line-height:35px;-webkit-box-flex:1;-ms-flex:1;flex:1;color:#666}.topo-properties .topo-properties-tabs .topo-properties-tab+.topo-properties-tab{border-left:1px solid #ccc}.topo-properties .topo-properties-tabs .topo-properties-tab:hover{cursor:pointer}.topo-properties .topo-properties-tabs .topo-properties-tab-active{color:#000;border-bottom:2px solid #38f;font-weight:700}.topo-properties .topo-properties-table{overflow-x:hidden;overflow-y:auto;height:calc(100% - 92px)}.topo-properties .topo-properties-table table{width:100%;border-collapse:collapse}.topo-properties .topo-properties-table table td{text-align:center;padding:0;border:1px solid #ccc}.topo-properties .topo-properties-table table .q-input{border:none}.topo-properties .q-select{border:none!important;margin-right:0!important}.topo-properties .q-select__autocomplete-input{width:0;height:0;padding:0;border:0;opacity:0}.topo-properties .not-surpport{margin:20px auto;text-align:center}.ant-select-selection--single{position:relative;height:50px;cursor:pointer}.ant-select-selection__rendered{position:relative;display:block;margin-right:11px;margin-left:11px;line-height:50px}.topo-editor{position:relative;width:100%;height:93%;background-color:#eee}.topo-editor .topo-toolbox{width:100%;height:100%;border:1px solid #ccc;background-color:#fff;overflow-y:auto;overflow-x:hidden}.topo-editor .topo-main,.topo-editor .topo-properties{width:100%;height:100%}