.video-time-line-container[data-v-598b3b4d]{margin:24px 0 0}.video-time-line-container .progress-timeline[data-v-598b3b4d]{box-sizing:border-box;max-width:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.video-time-line-container .progress-timeline .thumbs-container[data-v-598b3b4d]{height:175px;overflow-x:auto;overflow-y:hidden;padding:0 6px;scrollbar-color:#999 #f1f1f1;scrollbar-width:thin;width:calc(100% - 12px)}.video-time-line-container .video-seek-cursor[data-v-598b3b4d]{cursor:grab;height:15px;left:0;position:relative;top:15px;width:0;z-index:5}.video-time-line-container .video-seek-cursor[data-v-598b3b4d]:active{cursor:grabbing}.video-time-line-container .video-seek-cursor .seek-bar[data-v-598b3b4d]{position:absolute;top:-15px;transform:translate(-50%)}.video-time-line-container .video-seek-cursor .seek-line[data-v-598b3b4d]{background-color:var(--color-light);height:130px;transform:translate(-50%);width:3px}.video-time-line-container .video-ruler[data-v-598b3b4d]{left:0;position:sticky}.video-time-line-container .thumbs-row[data-v-598b3b4d]{border-radius:6px;cursor:pointer;display:inline-flex;height:106px;position:relative;width:-moz-fit-content;width:fit-content}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumbs-part-box{flex-shrink:0;position:relative}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumbs-part-box:hover .drag-handle{opacity:1}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumbs-part-box .drag-mask{background-color:#000;height:100%;pointer-events:none;position:absolute;top:0;transition:width .1s ease;z-index:5}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumbs-part-box .drag-mask.drag-mask-left{left:0}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumbs-part-box .drag-mask.drag-mask-right{right:0}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumbs-part-box.box-loading{animation:pulse-598b3b4d 1.2s infinite;background:repeating-linear-gradient(45deg,#f5f5f5,#e3e3e3 10px,#f5f5f5 20px);height:80px;position:relative}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumbs-part-box.box-loading:after{animation:rotate .5s linear infinite reverse;background:0 0;border:4px solid var(--color-primary-hover);border-radius:50%;clip-path:inset(0 0 50% 0);content:"";height:18px;inset:0;margin:auto;position:absolute;transform:translate(-9px) rotate(0);width:18px;z-index:30}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumbs-part-box.load-error:before{align-items:center;background-color:#ccc;content:"Fail";display:flex;height:80px;justify-content:center;inset:0;position:absolute;z-index:1}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumbs-part-box.thumbs-part-operate .thumb-img-wrapper{border-color:#d6e320;border-style:solid;border-width:2px 1px}.video-time-line-container .thumbs-row[data-v-598b3b4d] img{background:#f5f5f5;box-sizing:border-box;flex-shrink:0;height:80px;max-width:unset}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumb-img-wrapper{border:1px solid #fff;height:-moz-fit-content;height:fit-content;overflow:hidden;position:relative;width:100%}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumb-img-wrapper img{pointer-events:none}.video-time-line-container .thumbs-row[data-v-598b3b4d] .video-operate-box{display:flex;margin:10px 0 0}.video-time-line-container .thumbs-row[data-v-598b3b4d] .video-operate-box .btn{background-color:transparent}.video-time-line-container .thumbs-row[data-v-598b3b4d] .video-operate-box .btn+.btn{margin-left:12px}.video-time-line-container .thumbs-row[data-v-598b3b4d] .video-operate-box .btn-delete{height:16px;width:13px}.video-time-line-container .thumbs-row[data-v-598b3b4d] .video-operate-box .btn-retry{height:16px;width:16px}.video-time-line-container .thumbs-row[data-v-598b3b4d] .drag-handle{background-color:var(--color-dark);border:8px solid #fff;border-radius:0 6px 6px 0;box-sizing:border-box;cursor:w-resize;height:82px;position:absolute;right:0;top:0;transition:opacity .2s ease,background-color .2s ease;width:20px;z-index:10}.video-time-line-container .thumbs-row[data-v-598b3b4d] .drag-handle.dragging{transition:none}.video-time-line-container .thumbs-row[data-v-598b3b4d] .drag-handle.drag-handle-left{border-radius:6px 0 0 6px;cursor:e-resize;left:0}.video-time-line-container .thumbs-row[data-v-598b3b4d] .drag-handle.drag-handle-right{border-radius:0 6px 6px 0;cursor:w-resize;right:0}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumbs-part-box .thumb-img-wrapper img[data-idx]{border-bottom:1px solid #fff;border-top:1px solid #fff}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumbs-part-box .thumb-img-wrapper:first-of-type img[data-idx]{border-left:1px solid #fff}.video-time-line-container .thumbs-row[data-v-598b3b4d] .thumbs-part-box .thumb-img-wrapper:last-of-type img[data-idx]{border-right:1px solid #fff}@keyframes pulse-598b3b4d{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}