.left-animation-main[data-v-1a02904d]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;background-image:url(../img/material-tree-bg.e228836b.png);background-repeat:no-repeat;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.left-animation-main .header[data-v-1a02904d]{color:#fff;font-size:14px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#2e313f;border-bottom:1px solid rgba(13,7,7,.6);padding:5px 8px;height:36px;-webkit-box-sizing:border-box;box-sizing:border-box}.left-animation-main .header>div[data-v-1a02904d]:first-child,.left-animation-main .header[data-v-1a02904d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left-animation-main .header>div[data-v-1a02904d]:first-child{-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px}.left-animation-main .header .text-content[data-v-1a02904d]{line-height:12px;font-size:12px;text-align:left}.left-animation-main .header .text-content .text-mini[data-v-1a02904d]{font-size:12px;scale:.6;-webkit-transform-origin:left;transform-origin:left;margin-top:2px}.left-animation-main .header .click-icon[data-v-1a02904d]{cursor:pointer}.left-animation-main .header .click-icon[data-v-1a02904d]:hover{color:#8b58e7}.left-animation-main .list[data-v-1a02904d]{list-style:none;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:scroll}.left-animation-main .list li[data-v-1a02904d]{width:100%;padding:6px 8px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#fff;font-size:13px;height:36px;cursor:pointer}.left-animation-main .list li .icon[data-v-1a02904d]{font-size:16px;margin-right:0}.left-animation-main .list .select[data-v-1a02904d]{background-image:-webkit-gradient(linear,left top,left bottom,from(#8b58e7),to(#642cff));background-image:linear-gradient(180deg,#8b58e7,#642cff)}.left-animation-main .list .animation-name[data-v-1a02904d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animation-tooltip[data-v-0cb8112f]{width:6px;height:6px;background-color:red;border-radius:100%;position:absolute;top:10%;right:-5%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}[data-v-aacfe420] .el-select-group__title{padding:0;color:#fff}.center-animation-main[data-v-aacfe420]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;min-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#2e313f;border:1px solid rgba(13,7,7,.6);border-top:none;border-bottom:none;color:#b4b7c1;position:relative;font-size:12px}.center-animation-main[data-v-aacfe420] .el-input-number .el-input__inner{text-align:center!important;max-width:100px;overflow:hidden;text-overflow:ellipsis;padding:0 8px}@media(max-width:1366px){.center-animation-main[data-v-aacfe420] .el-input-number .el-input__inner{max-width:80px}}.center-animation-main .component-table[data-v-aacfe420]{height:100%}.center-animation-main .component-table .el-row[data-v-aacfe420]{width:100%;height:36px;border-bottom:1px solid rgba(13,7,7,.6);margin-left:0!important}.center-animation-main .component-table .el-row .grid[data-v-aacfe420]{white-space:nowrap}.center-animation-main .component-table .el-row .grid[data-v-aacfe420],.center-animation-main .modal[data-v-aacfe420]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.center-animation-main .modal[data-v-aacfe420]{position:absolute;left:0;top:0;color:#b4b7c1;font-size:14px;background-color:rgba(0,0,0,.3)}.center-animation-main .ellipsis[data-v-aacfe420]{text-overflow:ellipsis;overflow:hidden;word-break:break-all;white-space:nowrap;display:block!important;line-height:32px;text-align:center}.time-tag[data-v-35ba7895]{height:30%;-ms-flex-negative:0;flex-shrink:0;background-image:-webkit-gradient(linear,left top,left bottom,from(#8b58e7),to(#642cff));background-image:linear-gradient(180deg,#8b58e7,#642cff);position:relative}.time-tag .left-drag-point[data-v-35ba7895]{position:absolute;z-index:10;border-radius:100%;background-color:#fff;left:0;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:100%;aspect-ratio:1/1}.time-tag .left-drag-point[data-v-35ba7895]:hover{background-color:#d1d1d1}.time-tag .right-drag-point[data-v-35ba7895]{position:absolute;border-radius:100%;z-index:100;background-color:#fff;right:0;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);height:100%;aspect-ratio:1/1}.time-tag .right-drag-point[data-v-35ba7895]:hover{background-color:#d1d1d1}.right-animation-main[data-v-7c542d96]{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#2e313f;-webkit-transform:translateX(0);transform:translateX(0);color:#b4b7c1;position:relative;padding-bottom:15px;min-height:100%;overflow-x:hidden;font-size:12px}.right-animation-main .content[data-v-7c542d96]{width:100%;height:100%}.right-animation-main .time-body[data-v-7c542d96]{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%;width:100%}.right-animation-main .time-body .track-box[data-v-7c542d96]{-ms-flex-negative:1;flex-shrink:1;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.right-animation-main .time-body .track-box .track[data-v-7c542d96]{height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.el-row[data-v-79ee15e5]{width:100%;height:36px;border-bottom:1px solid rgba(13,7,7,.6);margin-left:0!important}.el-row .grid[data-v-79ee15e5]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap}.time-container[data-v-af412550]{width:100%;height:100%;position:relative;-webkit-transform:translateX(-2px);transform:translateX(-2px)}.time-container .time-line-main[data-v-af412550]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%;height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#2e313f;position:relative;z-index:2}.time-container .time-line-main .time-line-item[data-v-af412550]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-bottom:1px solid rgba(13,7,7,.6);row-gap:2px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#b4b7c1;position:relative}.time-container .time-line-main .time-line-item .tag[data-v-af412550]{width:1px;height:8px;background-color:rgba(180,183,193,.5)}.time-container .time-line-main .time-line-item .time-line-item-sub-left[data-v-af412550]{position:absolute;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50%;height:4px}.time-container .time-line-main .time-line-item .time-line-item-sub-left .tag[data-v-af412550]{width:1px;height:4px;background-color:rgba(180,183,193,.5);-webkit-transform:translate(50%);transform:translate(50%);position:absolute;right:40%}.time-container .time-line-main .time-line-item .time-line-item-sub-left .tag[data-v-af412550]:nth-child(2){right:80%}.time-container .time-line-main .time-line-item .time-line-item-sub-right[data-v-af412550]{position:absolute;bottom:0;-webkit-transform:translateX(50%);transform:translateX(50%);width:50%;height:4px}.time-container .time-line-main .time-line-item .time-line-item-sub-right .tag[data-v-af412550]{width:1px;height:4px;background-color:rgba(180,183,193,.5);-webkit-transform:translate(-50%);transform:translate(-50%);position:absolute;left:40%}.time-container .time-line-main .time-line-item .time-line-item-sub-right .tag[data-v-af412550]:nth-child(2){left:80%}.play-btn>i[data-v-4f2b2404]{font-size:16px;color:#fff;cursor:pointer}.custom-scrollbar-container[data-v-5e92f4cd]{width:30%;height:10px;position:fixed;bottom:3px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999}.custom-scrollbar-container .custom-scrollbar[data-v-5e92f4cd]{height:100%;background-color:#50525e;border-radius:8px}.animation-editor-resizer[data-v-980f4ac0]{width:100%;height:18px;position:absolute;z-index:999;left:0;top:0;-webkit-transform:translateY(-80%);transform:translateY(-80%);opacity:0}.animation-editor-resizer[data-v-980f4ac0]:hover{cursor:row-resize}.dividing-line-container[data-v-11b5245d]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:none}.dividing-line-container .dividing-line[data-v-11b5245d]{-ms-flex-negative:0;flex-shrink:0;width:100%;height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid rgba(13,7,7,.6)}.progress-line[data-v-2905abb4]{width:3px;height:calc(100% - 9px);position:absolute;z-index:100;top:9px;cursor:ew-resize;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.progress-line .line[data-v-2905abb4]{width:1px;height:100%;background-color:#5f9cff}.progress-line .time-indicator[data-v-2905abb4]{z-index:100;top:0;left:0;font-size:12px}.progress-line .time-indicator .time-line-item[data-v-2905abb4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.progress-line .time-indicator .time-line-item .text[data-v-2905abb4]{background-color:#5f9cff;color:#b4b7c1;padding:0 4px 1px 4px;border-radius:6px}.progress-line .time-indicator .time-line-item .tag[data-v-2905abb4]{width:1px;height:8px;background-color:#5f9cff}.history-controller[data-v-b6b2147c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.custom-animation-main{position:fixed;left:218px;bottom:0;z-index:999;width:calc(100% - 558px);font-family:Source Han Sans CN-Normal,Source Han Sans CN;border-top:1px solid rgba(13,7,7,.6);border-bottom:1px solid #000;border-top-left-radius:10px;border-top-right-radius:10px;min-width:810px}.custom-animation-main .el-row{width:100%;height:36px}.custom-animation-main .el-row .el-col .animation-header{width:100%;font-size:14px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;background-color:#2e313f;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid rgba(13,7,7,.6);padding:0 8px}.custom-animation-main .el-row .el-col .animation-header,.custom-animation-main .el-row .el-col .animation-header .control-bar{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.custom-animation-main .el-row .el-col .animation-header .control-bar{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;width:42%}.custom-animation-main .el-row .el-col .animation-header .control-bar .control-button{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.custom-animation-main .el-row .el-col .animation-header .control-bar .control-button .el-tooltip,.custom-animation-main .el-row .el-col .animation-header .control-bar .el-tooltip{text-align:center;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;color:#b4b7c1;font-size:12px}.custom-animation-main .animation-main{width:100%;height:100%;background-color:#2e313f}.custom-animation-main .animation-main .el-row{width:100%;height:100%}.custom-animation-main .animation-main .el-row .el-col{height:100%}.custom-animation-main .animation-main .animation-editor-header{width:100%;height:36px;color:#b4b7c1;font-size:12px}.custom-animation-main .animation-main .animation-editor-content{width:100%;height:0;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-x:visible;overflow-y:scroll;position:relative}.custom-animation-main .animation-main .add-modal{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,.3);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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:32px;color:#b4b7c1;backdrop-filter:blur(2px);cursor:pointer}.custom-animation-main .animation-main .add-modal .text{font-size:16px}