.workflow-changefolder-popover{background:#181818!important;border:1px solid hsla(0,0%,100%,.06)!important;border-radius:12px!important;padding:0!important}.workflow-changefolder-popover .changefolder-folder-popover{height:100%;width:100%}.workflow-changefolder-popover .changefolder-folder-popover .title{border-bottom:1px solid hsla(0,0%,100%,.1);color:#fcfcfc;font-family:Inter;font-size:14px;font-weight:500;height:52px;line-height:20px;padding:0 12px}.workflow-changefolder-popover .changefolder-folder-popover .title .iconfont{background:#ffffff1a;border-radius:50%;color:#cecece;cursor:pointer;font-size:8px;height:18px;line-height:1;width:18px}.workflow-changefolder-popover .changefolder-folder-popover .title .iconfont:hover{color:#fcfcfc}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-tab-list{max-height:200px;overflow-y:auto;padding:12px 12px 0}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-tab-list .changefolder-tab-item{align-items:center;cursor:pointer;display:flex;height:40px;justify-content:space-between;margin-bottom:4px;padding:0 7px}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-tab-list .changefolder-tab-item:hover{background:#ffffff1a;border-radius:6px}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-tab-list .changefolder-tab-item .changefolder-tab-item-name{flex:1;gap:12px;min-width:0}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-tab-list .changefolder-tab-item .changefolder-tab-item-name .iconfont{color:#c6c6c6;flex-shrink:0;font-size:20px;line-height:1}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-tab-list .changefolder-tab-item .changefolder-tab-item-name span{color:#fcfcfc;font-family:Inter;font-size:14px;font-weight:400;line-height:20px}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-tab-list .changefolder-tab-item .changefolder-tab-item-num{align-items:center;background:#ffffff1a;border-radius:8px;color:#aaadb1;display:flex;font-family:Inter;font-size:12px;font-weight:400;height:16px;justify-content:center;line-height:20px;width:24px}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-add-folder{border-top:1px solid hsla(0,0%,100%,.1);box-sizing:border-box;cursor:pointer;height:50px;margin:auto;padding:0 7px;width:194px}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-add-folder .changefolder-add-folder-box{gap:12px}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-add-folder .changefolder-add-folder-box .iconfont{background:#3f8fff;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;height:20px;line-height:1;width:20px}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-add-folder .changefolder-add-folder-box .changefolder-add-folder-text{color:#fcfcfc;font-family:Inter;font-size:14px;font-weight:500;line-height:24px}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-add-folder .folder-input{flex:1}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-add-folder .folder-input .el-input__inner{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fcfcfc;font-size:14px;height:24px;line-height:24px}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-add-folder .folder-input .el-input__inner::-moz-placeholder{color:#ffffff80}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-add-folder .folder-input .el-input__inner::placeholder{color:#ffffff80}.workflow-changefolder-popover .changefolder-folder-popover .changefolder-add-folder .folder-input .el-input__inner:focus{border-color:#409eff}.workflow-folder-operate-popover{background:#181818!important;border:1px solid hsla(0,0%,100%,.06)!important;border-radius:12px!important;padding:8px!important}.workflow-folder-operate-popover .folder-operate-popover{width:100%}.workflow-folder-operate-popover .folder-operate-popover .operate-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;height:40px;padding:0 14px;transition:all .2s ease}.workflow-folder-operate-popover .folder-operate-popover .operate-item:hover{background:#ffffff1a}.workflow-folder-operate-popover .folder-operate-popover .operate-item span{color:#f4f4f4;font-family:Inter;font-size:14px;font-weight:400;line-height:16px}.workflow-history-record-modal .el-dialog,.workflow-history-record-modal.el-dialog{background:#181818;border-radius:20px;display:flex;flex-direction:column;height:627px;left:50%;margin:0!important;position:absolute;top:50%;transform:translate(-50%,-50%)}.workflow-history-record-modal .el-dialog__title{color:#efefef;font-family:Inter;font-size:16px;font-weight:400}.workflow-history-record-modal .el-dialog__body{border-top:1px solid hsla(0,0%,100%,.06);display:flex;flex:1;overflow:hidden;padding:0 0 24px}.workflow-history-record-modal .el-dialog__footer{display:none}.workflow-history-record-modal .history-record-list{box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:10px;height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative}.workflow-history-record-modal .history-record-list .create-template-list-empty{align-items:center;color:#fff9;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.workflow-history-record-modal .history-record-list .create-template-list-empty .style-content__list-empty-icon{height:100px;width:auto}.workflow-history-record-modal .history-record-list .history-record-list-item{align-items:center;background:#ffffff0f;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;height:84px;justify-content:space-between;padding:10px;transition:all .2s ease}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left{display:flex;gap:16px;overflow:hidden}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .history-record-list-item-img{background-color:#777e90;border-radius:8px;height:64px;width:64px}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .history-record-list-item-img img{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .list-item-content{display:flex;flex:1;flex-direction:column;justify-content:center;overflow:hidden}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .list-item-content-title{color:#f6faff;font-family:Inter;font-size:14px;font-weight:400;line-height:20px}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .list-item-content-sub-title{color:#6d6d6d;font-family:Inter;font-size:12px;font-weight:400;gap:8px;line-height:16px;margin-top:6px}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-right{align-items:center;-moz-column-gap:20px;column-gap:20px;display:flex}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-right .iconfont{color:#bdbdbd;font-size:16px}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-right .delete:hover{color:#b63c3c}.workflow-history-record-modal .history-record-list .history-record-list-item-active,.workflow-history-record-modal .history-record-list .history-record-list-item:hover{background-color:#2f3238}.workflow-history-record-modal .folder-tab{border-right:1px solid hsla(0,0%,100%,.06);box-sizing:border-box;display:flex;flex-direction:column;padding:0 12px;width:200px}.workflow-history-record-modal .folder-tab .folder-title-add{border-bottom:1px solid hsla(0,0%,100%,.06);color:#dedede;font-family:Inter;font-size:14px;font-weight:400;line-height:20px;padding:16px 0}.workflow-history-record-modal .folder-tab .folder-title-add .folder-title-add-icon{background:#3f8fff;border-radius:4px;cursor:pointer;height:20px;width:20px}.workflow-history-record-modal .folder-tab .folder-title-add .folder-title-add-icon .iconfont{color:#fff;font-size:10px;font-weight:600}.workflow-history-record-modal .folder-tab .folder-tab-list{box-sizing:border-box;flex:1;margin-left:-12px;overflow-x:hidden;overflow-y:scroll;padding:0 12px;width:200px}.workflow-history-record-modal .folder-tab .folder-tab-list::-webkit-scrollbar{width:0}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item{border-radius:6px;cursor:pointer;margin-top:12px;padding:8px 0;transition:all .2s ease}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item.active,.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item:hover{position:relative}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item.active:after,.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item:hover:after{background:linear-gradient(90deg,#fff0,#ffffff1a 12% 80%,#fff0);content:"";height:100%;left:-12px;position:absolute;width:200px;z-index:-1}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item.drag-over{position:relative}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item.drag-over:after{border:2px dashed rgba(63,143,255,.4);border-radius:6px;box-sizing:border-box;content:"";height:100%;left:-12px;position:absolute;width:200px}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item .folder-tab-item-name{color:#f4f4f4;flex:1;font-family:Inter;font-size:12px;font-weight:500;gap:7px;line-height:16px;overflow:hidden}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item .folder-tab-item-name .iconfont{color:#c6c6c6;font-size:16px}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item .folder-tab-item-right{align-items:center;display:flex;gap:8px;justify-content:center;min-width:30px;position:relative}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item .folder-tab-item-right .folder-tab-item-num{background:#ffffff1a;border-radius:16px;color:#aaadb1;font-size:12px;line-height:20px;padding:0 6px}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item .folder-tab-item-right .folder-operate-btn{align-items:center;background:none;border-radius:4px;color:#f4f4f4cc;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter,.fade-leave-to{opacity:0}.drag-ghost-element .drag-ghost-content{align-items:center;display:flex;gap:12px;height:100%;width:100%}.drag-ghost-element .drag-ghost-image{border-radius:6px;flex-shrink:0;height:30px;overflow:hidden;width:30px}.drag-ghost-element .drag-ghost-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.drag-ghost-element .drag-ghost-info{flex:1;min-width:0}.drag-ghost-element .drag-ghost-title{color:#fcfcfc;font-family:Inter;font-size:10px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-ghost-element .drag-ghost-subtitle{color:#aaadb1;font-family:Inter;font-size:8px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}