.title-box-comp{width:100%;height:30px;background-color:#333b45;display:flex;align-items:center;justify-content:center}.component-col-el-tab .el-tabs__content{overflow-y:scroll;height:100%}.component-col-el-tab .el-tabs__nav.is-left{background-color:#191c21;height:100%}.component-col-el-tab .el-tabs--left .el-tabs__header.is-left{margin-right:0}.collapse-panel-header{height:40px;background-color:#42b983;color:#d3dce6;align-items:center;font-size:14px;display:flex}.collapse-panel-header:hover{cursor:pointer}.collapse-panel{margin:0;padding:0;border:0}.collapse-panel-main-content{width:100%;display:flex;flex-direction:column}[data-v-4cb9e1c3]::-webkit-scrollbar{width:5px;height:5px}[data-v-4cb9e1c3]::-webkit-scrollbar-thumb{box-shadow:10px 10px 5px #888;background:#434343}[data-v-4cb9e1c3]::-webkit-scrollbar-track{box-shadow:10px 10px 5px #888}.title-box-graph[data-v-4cb9e1c3]{width:100%;height:30px;background-color:#333b45;display:flex;align-items:center;justify-content:space-between}span[data-v-4cb9e1c3]{width:100%}.item[data-v-4cb9e1c3]{width:100%;height:80px;background-color:#00474f;color:#fff;margin-top:2px}.item[data-v-4cb9e1c3]:hover{cursor:pointer;background-color:#10575f}.page-set-wrapper{width:95%}.page-set-wrapper .el-tabs--border-card{border:0;background-color:transparent;border:1px solid #000}.page-set-wrapper .el-tabs--border-card>.el-tabs__header .el-tabs__item{border:0}.page-set-wrapper .el-tabs--border-card>.el-tabs__header{background-color:#141414;border:1px solid #222;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-set-wrapper .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:#222}.page-stretch{margin-top:20px;width:100%;height:80px;display:flex;flex-direction:column}.page-stretch-button-set{width:100%;border:1px solid #000;display:flex;justify-content:space-around}.title-box-page{width:100%;height:30px;background-color:#333b45;color:#bcc9d4;text-align:center;font-size:12px;line-height:30px}.flex-box{display:flex;flex-direction:column}.page-set-wrapper{margin:10px;color:#ddd}.page-set-wrapper .el-input-number.is-controls-right .el-input-number__decrease,.page-set-wrapper .el-input-number.is-controls-right .el-input-number__increase{border-radius:0}.form-sub-item{margin:5px;align-items:center;justify-content:flex-start}.page-set-wrapper input{background-color:#222;border-radius:0;border:1px solid #222}.stretch-button-show{width:40px;height:30px;background-color:#2681ff;display:flex;justify-content:center;align-items:center}.stretch-button-show:hover{cursor:pointer;background-color:#3691ff}.stretch-button-hide{width:40px;height:30px;background-color:#303640;display:flex;justify-content:center;align-items:center}.stretch-button-hide:hover{cursor:pointer;background-color:#404650}.component-set-wrapper .el-tabs--border-card{border:0;background-color:transparent;border:1px solid #000}.component-set-wrapper .el-tabs--border-card>.el-tabs__header .el-tabs__item{border:0}.component-set-wrapper .el-tabs--border-card>.el-tabs__header{background-color:#141414;border:1px solid #222;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.component-set-wrapper .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{background-color:#222}.el-select el-select--mini{background-color:#333}.el-dialog{background-color:#222}.el-dialog .el-dialog__header .el-dialog__title{color:#bcc9d4}.title-box-component{width:100%;height:30px;background-color:#333b45;color:#bcc9d4;text-align:center;font-size:12px;line-height:30px}.component-set-wrapper{float:left;margin:10px;color:#eee;width:95%;display:flex;flex-direction:column}.component-set-wrapper .el-button{background-color:#111;border:2px solid #000;color:#bcc9d4}.component-set-wrapper .el-button:hover{background-color:#224;border:2px solid #000;color:#bcc9d4}.component-set-wrapper .el-textarea__inner{border-radius:0;border:0;background-color:#122334;color:#eee;display:flex;flex-direction:column}.component-set-wrapper .el-textarea{height:100%}.component-set-wrapper .el-input-number.is-controls-right .el-input-number__decrease,.component-set-wrapper .el-input-number.is-controls-right .el-input-number__increase,.el-input-number__decrease{border-radius:0}.form-sub-item{margin:10px;display:flex;flex-direction:row}.component-set-wrapper input{background-color:#222;border-radius:0;border:1px solid #222}.span-wrapper{width:80px}.form-sub-item .el-textarea__inner{font-family:Microsoft;font-size:8px;color:#bcc9d4}.el-dialog__body .el-textarea__inner{font-family:Microsoft;font-size:8px;color:#000}[data-v-68604b6f]::-webkit-scrollbar{width:5px;height:5px}[data-v-68604b6f]::-webkit-scrollbar-thumb{box-shadow:10px 10px 5px #888;background:#434343}[data-v-68604b6f]::-webkit-scrollbar-track{box-shadow:10px 10px 5px #888}.main-canvas-background[data-v-68604b6f]{background-color:#0e2a43;transform-origin:0 0;margin-top:10px;margin-left:10px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#434343}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{box-shadow:10px 10px 5px #888}body{margin:0 auto;padding:0}.el-footer,.el-header{background-color:#1d1e1f;color:#333;text-align:center;height:50px;line-height:60px}.el-aside{background-color:#1d2127;border:0;border-left:1px solid #000}.el-aside,.el-main{color:#333;text-align:center;margin:0;padding:0}.el-main{background-color:#2a2e33;border-left:1px solid #000;z-index:0}.transition-box-comp,.transition-box-graph,.transition-box-page{background-color:#1d2127;height:calc(100vh - 50px)}.icon-box-left-hide{background-color:#303640}.icon-box-left,.icon-box-left-hide{width:40px;height:100%;margin-left:10px;float:left;display:flex;justify-content:center;align-items:center}.icon-box-left{background-color:#2681ff}.icon-box-left-hide:hover{cursor:pointer;background-color:#404650}.icon-box-left:hover{cursor:pointer;background-color:#3691ff}.icon-box-right{width:40px;height:100%;background-color:#303640;margin-left:10px;float:right;display:flex;justify-content:center;align-items:center}.icon-box-right:hover{cursor:pointer;background-color:#404650}.head-box-back{margin-left:20px;width:50px}.head-box-back,.head-box-left{margin-top:10px;float:left;height:30px;display:flex;justify-content:center;align-items:flex-start}.head-box-left{margin-left:100px;width:300px}.head-box-right{margin-top:10px;margin-right:100px;float:right;height:30px;width:300px;display:flex;justify-content:center;align-items:flex-start}.main-panel-wp{height:calc(100vh - 50px);overflow:hidden}.canvas-main,.main-panel-wp{width:100%;position:relative}.canvas-main{height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.back-icon-wrapper{width:30px;height:100%;background-color:#303640;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}.back-icon-wrapper:hover{cursor:pointer;background-color:#404650}