.m4-video-preview{z-index:100;position:fixed;top:0;bottom:0;left:0;right:0}.m4-video-preview .mask{background-color:rgba(0,0,0,.8);position:absolute;top:0;bottom:0;left:0;right:0}.m4-video-preview .preview-container{justify-content:center;align-items:center;padding:106px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@media (max-width:640px){.m4-video-preview .preview-container{padding:16px}}.m4-video-preview .preview-container .video-container{max-width:840px;position:relative}.m4-video-preview .preview-container .video-container .video-wrapper video{width:100%;height:100%}.m4-video-preview .preview-container .video-container .video-wrapper .ctrl-container{color:#fff;background:linear-gradient(transparent 0%,#000 100%);align-items:center;gap:16px;height:56px;padding:0 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.m4-video-preview .preview-container .video-container .video-wrapper .ctrl-container>*{flex-shrink:0}.m4-video-preview .preview-container .video-container .video-wrapper .ctrl-container .ctrl-play{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:24px;height:24px}.m4-video-preview .preview-container .video-container .video-wrapper .ctrl-container .ctrl-play img{width:100%;height:100%}.m4-video-preview .preview-container .video-container .video-wrapper .ctrl-container .progress-container{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;background:rgba(242,243,244,.5);border-radius:99px;flex-grow:1;height:6px;position:relative}.m4-video-preview .preview-container .video-container .video-wrapper .ctrl-container .progress-container .progress-bar{pointer-events:none;background:#178fff;border-radius:99px;height:100%}.m4-video-preview .preview-container .video-container .video-wrapper .ctrl-container .progress-container .progress-dot{touch-action:none;box-sizing:border-box;background:#178fff;border:2px solid #fff;border-radius:99px;width:10px;height:10px;position:absolute;top:-2px;left:-5px;transform:translate(-50%);box-shadow:0 6px 16px rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05)}.m4-video-preview .preview-container .video-container .preview-close{cursor:pointer;position:absolute;top:0;right:-80px}@media (max-width:640px){.m4-video-preview .preview-container .video-container .preview-close{display:none}}.m4-video-preview .preview-container .mobile-preview-close{display:none;position:absolute;top:16px;right:16px}@media (max-width:640px){.m4-video-preview .preview-container .mobile-preview-close{display:block}}