.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.previewContainer{position:fixed;z-index:32;left:0;top:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center}.previewBox{position:relative;display:flex;flex-direction:column;align-items:center}.previewClose{position:absolute;top:0;right:-54px;width:40px;height:40px;background:#00000080;border-radius:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:18px;color:#fff;font-family:icomoon}.previewClose:hover{background:#000c}.previewClose:after{content:""}.previewHeader{min-width:370px;height:46px;background-color:#00000080;display:flex;align-items:center;border-radius:6px;margin-top:19px;padding:0 16px}.previewHeader div{font: 14px/19px Noto Sans;color:#ffab2e;margin-left:8px}.previewCvsBox{border-radius:6px;overflow:hidden;display:flex;justify-content:center;align-items:center;position:relative;min-width:1364px;background-color:#303030;cursor:pointer}.previewCvsBox:hover .previewPlayBtnBox{visibility:visible}.previewPlayBtnBox{width:72px;height:72px;box-sizing:border-box;border:2px solid #FFFFFF80;background-color:#1e1e2e99;border-radius:50%;cursor:pointer;z-index:37;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.previewPlayBtnBox:hover{background-color:#1e1e2e80}.previewPlayBtnBox img{width:30px;height:30px}.previewPlayBtnBox.hide{visibility:hidden}.waitFor{visibility:hidden;position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.waitFor.show{visibility:visible}.waitFor-box{min-width:146px;height:78px;display:flex;align-items:center;padding:0 21px;box-sizing:border-box;background:#000000e6 0% 0% no-repeat padding-box;border-radius:12px;font: 14px/19px Noto Sans;color:#fff}.waitFor-box css-animation{width:28px;height:28px;margin-right:10px}.play-handle{z-index:35;transition:opacity .2s;position:absolute;bottom:16px;left:0;right:0;margin:auto;width:calc(100% - 40px);display:flex;align-items:center;opacity:0}.progress-bar{width:1110px;height:4px;border-radius:2px;background-color:#ffffff80;position:relative;margin-left:4px}.progress-bar-container{padding:10px 0}.playback-progress{width:0;height:4px;border-radius:2px;background-color:#fff;position:relative}.playback-progress:after{display:block;content:"";width:16px;height:16px;border-radius:50%;background-color:#fff;position:absolute;top:-6px;right:0}.progress-play{width:40px;height:40px;border-radius:12px;display:flex;justify-content:center;align-items:center;cursor:pointer}.progress-play:hover{background:#fff3}.progress-play img{pointer-events:none}.progress-time{font: 12px/16px Noto Sans;color:#fff;margin:0 16px 0 6px}.full-screen{width:24px;height:24px;margin-left:24px;cursor:pointer}.handle-backgorund{z-index:34;transition:opacity .2s;background:transparent linear-gradient(180deg,#0000,#000) 0% 0% no-repeat padding-box;opacity:.5;position:absolute;bottom:0;left:0;width:100%;height:80px;border-radius:0 0 4px 4px;opacity:0}.previewCvsBox:not(.inLoading):hover .play-handle{opacity:1}.previewCvsBox:not(.inLoading):hover .handle-backgorund{opacity:.5}.video_button{position:absolute}.previewCvsBox .previewSubtitle{position:absolute;z-index:33;bottom:var(--previewSubtitleBottom);top:var(--previewSubtitleTop)}.listItem{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.listItem.disablePointer>*{pointer-events:none}.listItem .dragLine{position:absolute;width:100%;background-color:#00f}.listItem .dragLine.dragTop{position:absolute;height:2px;top:-2px}.listItem .dragLine.dragBottom{position:absolute;height:2px;bottom:2px}.clipCvs{border:rgba(86,74,254,.1) 2px solid;position:relative;border-radius:6px;cursor:pointer;overflow:hidden}.clipCvs .clipDuration{padding:1px 4px;background:#000c 0% 0% no-repeat padding-box;border-radius:2px;color:#fff;font: 12px/16px Noto Sans;position:absolute;left:3px;bottom:3px}.clipCvs .clipItemMask{display:none;width:calc(100% - 4px);height:calc(100% - 4px);background-color:#1e1e2e66;position:absolute;left:2px;top:2px}.clipLoading{display:none}.clipCvs.loading .clipLoading{display:flex;align-items:center;justify-content:center;width:calc(100% - 4px);height:calc(100% - 4px);background-color:#000000b3;position:absolute;left:2px;top:2px}.clipCvs-pad{padding:2px;position:relative;width:100%;height:100%;box-sizing:border-box}.bg-icon{position:absolute;bottom:3px;right:3px;width:18px;height:18px;background:#000c 0% 0% no-repeat padding-box;border-radius:2px;color:#fff;font-size:14px;font-family:icomoon;display:none;align-items:center;justify-content:center}.bg-icon:after{content:"";position:relative;left:1px}.listItem .clipCvs:not(.loading):hover .clipItemMask{display:block}.clipCvs.active{box-sizing:border-box;border:rgba(139,61,255,1) 2px solid;outline:rgba(139,61,255,.2) 4px solid}.clipCvs canvas{display:block}.itemIdx{display:inline-block;width:100%;text-align:center;font: 12px/16px Noto Sans;margin-top:6px}.clipCvs .more-bg:hover{background:#ffffff4d 0% 0% no-repeat padding-box;border-radius:6px}.clipCvs .more-bg{position:absolute;visibility:hidden;padding:4px;right:5px;top:3px;display:flex;align-items:center;justify-content:center}.clipCvs:not(.loading):hover .more-bg{visibility:visible}