.interactive-video-loading,.interactive-video-replay{width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;display:none}.interactive-video-loading{pointer-events:none}.interactive-video-controls{position:absolute;left:0;bottom:0;width:100%;height:34px;z-index:1;display:none}.interactive-video-controls .controls-content{width:100%;height:100%;background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);display:flex;align-items:center;justify-content:center;padding-left:12px;padding-right:12px}.interactive-video-controls .controls-content .play-status{width:16px;height:16px}.interactive-video-controls .controls-content .play-status>img{width:100%;height:100%}.interactive-video-controls .controls-content .play-status>img.playing{display:none}.interactive-video-controls .controls-content .play-status>img.paused{display:block}.interactive-video-controls .controls-content .play-status.playing img.playing{display:block}.interactive-video-controls .controls-content .play-status.playing img.paused{display:none}.interactive-video-controls .controls-content .video-progress-box{margin-left:8px;flex:1;height:4px;background:rgba(255,255,255,0.2);border-radius:2px}.interactive-video-controls .controls-content .video-progress-box .video-progress-bar{width:0%;height:100%;border-radius:2px 0 0 2px;background:#fff;position:relative}.interactive-video-controls .controls-content .video-progress-box .video-progress-bar .video-progress-bar-point{width:8px;height:8px;background:#FFFFFF;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);right:-4px}.interactive-video-controls .controls-content .time{margin-left:8px;font-size:12px;color:#fff;line-height:18px}