.topo-element-toolbar[data-v-557e8854]{width:100%;height:100%;font-size:14px}.topo-element-toolbar .toolbar-item[data-v-557e8854],.topo-element-toolbar[data-v-557e8854]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topo-element-toolbar .toolbar-item[data-v-557e8854]{padding-right:5px;margin-right:5px}.topo-element-toolbar .toolbar-item.toolbar-item-btns[data-v-557e8854]{position:absolute;right:0;border:none}.topo-element-toolbar .toolbar-item.toolbar-item-btns>span[data-v-557e8854]{display:inline-block;padding:5px 5px;margin:0 3px}.topo-element-toolbar .toolbar-item.toolbar-item-btns>span[data-v-557e8854]:hover{background-color:hsla(0,0%,100%,.25)}.topo-element-toolbar .toolbar-item>span[data-v-557e8854]{margin:0 5px}.topo-element-toolbar .toolbar-item .border-style[data-v-557e8854]{margin:0 5px;border:1px solid #5b6366;width:80px;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topo-element-toolbar .toolbar-item .border-style.border-style-icon>span[data-v-557e8854],.topo-element-toolbar .toolbar-item .border-style.border-style-icon[data-v-557e8854]{width:40px}.topo-element-toolbar .toolbar-item .border-style>span[data-v-557e8854]{width:60px;text-align:center;border:1px #b4b7c1}.topo-element-toolbar[data-v-557e8854] .ftSelectBox{width:100px!important;margin:0}.topo-element-toolbar[data-v-557e8854] .ftSelectBox .el-input__icon,.topo-element-toolbar[data-v-557e8854] .ftSelectBox .el-input__inner{height:26px;line-height:26px}.topo-element-toolbar[data-v-557e8854] .el-tooltip{margin:0}.topo-element-toolbar[data-v-557e8854] .el-tooltip.el-input-number{width:60px}.topo-element-toolbar[data-v-557e8854] .el-tooltip .el-input-number__decrease,.topo-element-toolbar[data-v-557e8854] .el-tooltip .el-input-number__increase{width:20px}.topo-element-toolbar[data-v-557e8854] .el-tooltip .el-input__inner{height:26px;line-height:26px}.toobar-tooltip{background:#373a47!important;padding:10px 10px 5px 10px}.toobar-tooltip .tooltip-content>span{color:#b4b7c1;padding:2px 10px;margin:0 5px;border:1px solid #5b6366}.toobar-tooltip .tooltip-content .border-style{margin:5px 0;border:1px solid #5b6366;width:80px;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toobar-tooltip .tooltip-content .border-style.border-style-icon{width:80px}.toobar-tooltip .tooltip-content .border-style.border-style-icon>span{width:40px}.toobar-tooltip .tooltip-content .border-style>span{width:60px;text-align:center;border:1px #b4b7c1}.toobar-tooltip .content-name{width:100%;margin-top:10px;text-align:center}.topo-composite-editor[data-v-b9c66028]{width:100%;height:100%;overflow:hidden;background-color:#181a24;position:fixed;top:0;left:0;z-index:1002;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.topo-composite-editor.entryAni[data-v-b9c66028]{-webkit-animation-name:entryAni-b9c66028;animation-name:entryAni-b9c66028}.topo-composite-editor.exitAni[data-v-b9c66028]{-webkit-animation-name:exitAni-b9c66028;animation-name:exitAni-b9c66028}@-webkit-keyframes entryAni-b9c66028{0%{opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes entryAni-b9c66028{0%{opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes exitAni-b9c66028{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes exitAni-b9c66028{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%)}}.topo-composite-editor .composite-canvas[data-v-b9c66028]{display:inline-block;--optipn-width:340px;width:calc(100% - var(--optipn-width) - 20px);height:100%;margin:0 0 0 0;border:1px solid #434750;background-color:#232630;color:#b4b7c1;position:relative;vertical-align:bottom}.topo-composite-editor .composite-canvas .drawing-line[data-v-b9c66028]{color:red;background-color:hsla(0,0%,100%,.1);border-radius:10px;padding:2px 10px;letter-spacing:1px;position:absolute;top:60px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.topo-composite-editor .composite-canvas .back-to[data-v-b9c66028]{position:absolute;top:0;left:0;padding:5px 10px}.topo-composite-editor .composite-canvas .back-to[data-v-b9c66028]:hover{color:#fff}.topo-composite-editor .composite-canvas .render-view[data-v-b9c66028]{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.topo-composite-editor .composite-canvas .render-view .ruler-layout[data-v-b9c66028]{width:calc(100% - 30px);height:calc(100% - 30px);position:absolute;top:30px;left:30px}.topo-composite-editor .composite-canvas .render-view .ruler-screen[data-v-b9c66028]{width:100%;height:100%;position:absolute;top:0;left:0;overflow:auto}.topo-composite-editor .composite-canvas .render-view .ruler-screen .screen-container[data-v-b9c66028]{position:relative;width:10000px;height:3000px;background-color:#181a24}.topo-composite-editor .composite-canvas .render-view .ruler-screen .container-canvas[data-v-b9c66028]{position:absolute;top:50%;left:50%;-webkit-transform-origin:0 0;transform-origin:0 0;background-color:#232630}.topo-composite-editor .composite-canvas .render-view .ruler-screen .draw-canvas[data-v-b9c66028]{cursor:crosshair;position:absolute;top:0;left:0}.topo-composite-editor .composite-option[data-v-b9c66028]{position:relative;z-index:3;display:inline-block;width:340px;height:100%;background-color:#232630;vertical-align:bottom}.topo-composite-editor .composite-option .option-title[data-v-b9c66028]{height:45px;line-height:45px;padding:0 20px;border-bottom:1px solid #575757}.topo-composite-editor .composite-option .option-set[data-v-b9c66028]{width:100%;height:calc(100% - 45px);overflow:auto}.topo-composite-editor .topo-layer[data-v-b9c66028]{width:260px;overflow:hidden;z-index:3;position:absolute;top:0;left:0}.topo-composite-editor .topo-layer .layer-title[data-v-b9c66028]{font-size:14px;height:30px;line-height:30px;padding:0 10px;background-color:#373a47;border-right:1px solid #859094;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topo-composite-editor .topo-layer .layer-title>span[data-v-b9c66028]{float:right;cursor:pointer}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028]{position:absolute;left:0;top:30px;z-index:10;width:260px;height:calc(100% - 30px);pointer-events:none;--tabs-translate:0px}.topo-composite-editor .topo-layer-tabs.tabs-show[data-v-b9c66028]{--tabs-translate:0px}.topo-composite-editor .topo-layer-tabs.tabs-hide[data-v-b9c66028]{--tabs-translate:-105%}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-tabs .el-tabs__header{-webkit-writing-mode:tb-rl;-ms-writing-mode:tb-rl;writing-mode:tb-rl;margin-right:0}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-tabs .el-tabs__header .el-tabs__nav-wrap:after{background-color:#373a47}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-tabs .el-tabs__header .el-tabs__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#373a47}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-tabs .el-tabs__header .el-tabs__item{line-height:normal;letter-spacing:2px;padding:50px 4px;height:auto;pointer-events:auto;background-color:#434750}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-tabs .el-tabs__content{height:100%!important;padding:0 0 5px 0!important;pointer-events:auto;background-color:#232630;-webkit-transform:translateX(var(--tabs-translate));transform:translateX(var(--tabs-translate));-webkit-transition:-webkit-transform .5s linear;transition:-webkit-transform .5s linear;transition:transform .5s linear;transition:transform .5s linear,-webkit-transform .5s linear}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-tabs .el-tabs__content>.el-tab-pane{height:100%!important}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-collapse{width:230px;-webkit-transition:opacity .5s linear;transition:opacity .5s linear;background-color:#232630}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-collapse .el-collapse-item{background-color:rgba(27,24,36,.3);position:relative}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-collapse .el-collapse-item__content{width:220px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-collapse .thin-citem{display:inline-block;margin:5px 5px;width:36px;height:36px;line-height:36px;cursor:pointer;text-align:center}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-collapse .thin-citem:hover{background-color:hsla(0,0%,100%,.25)}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-collapse .thin-citem>img{width:100%;height:100%;pointer-events:none}.topo-composite-editor .topo-layer-tabs[data-v-b9c66028] .el-collapse .thin-citem>span{color:#b4b7bd;pointer-events:none}.topo-composite-editor .topo-layer-tabs .layer-tabs-content[data-v-b9c66028]{height:100%;overflow:auto;overflow-x:hidden}.topo-composite-editor .topo-layer-tabs .layer-tabs-btn[data-v-b9c66028]{position:absolute;left:0;bottom:0;z-index:10;width:28px;text-align:center;pointer-events:auto;background-color:#824eec;color:#fff;padding:10px 0}.topo-composite-editor .topo-toolbar[data-v-b9c66028]{width:calc(100% - 300px);height:30px;padding:0 20px;background-color:#373a47;position:absolute;top:0;left:260px}.topo-composite-editor .layer-nodes-box .layer-nodes-header[data-v-b9c66028]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;background-color:#171922;padding:5px}.topo-composite-editor .layer-nodes-box .layer-node-item[data-v-b9c66028]{width:calc(100% - 10px);padding:10px 5px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topo-composite-editor .layer-nodes-box .layer-node-item[data-v-b9c66028]:hover{background-color:hsla(0,0%,100%,.15)}.topo-composite-editor .layer-nodes-box .layer-node-item.selected[data-v-b9c66028]{background-image:-webkit-gradient(linear,left top,left bottom,from(#8b58e7),to(#642cff));background-image:linear-gradient(180deg,#8b58e7,#642cff);color:#fff}.topo-composite-editor .layer-nodes-box .layer-node-item .node-item-icon[data-v-b9c66028]{font-size:14px!important;margin-right:5px}.topo-composite-editor .layer-nodes-box .layer-node-item .node-item-name[data-v-b9c66028]{width:calc(100% - 32px);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topo-composite-editor .layer-nodes-box .layer-node-item .item-over-button[data-v-b9c66028]{position:absolute;top:50%;right:2px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}