.preview-container[data-v-d8bf7638]{margin-top:24px;border:1px solid #f0f0f0;border-radius:4px;padding:16px;background:#fff}.video-preview[data-v-d8bf7638]{position:relative;width:100%;height:0;padding-bottom:56.25%;background-color:#000}.preview-loading[data-v-d8bf7638]{position:absolute;inset:0;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}.native-video-player[data-v-d8bf7638]{-o-object-fit:contain;object-fit:contain}.native-video-player[data-v-d8bf7638],.video-error[data-v-d8bf7638],.video-player[data-v-d8bf7638]{position:absolute;top:0;left:0;width:100%;height:100%}.video-error[data-v-d8bf7638]{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-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.7);color:#fff;z-index:2}.video-error .ant-alert[data-v-d8bf7638]{margin-bottom:16px}.drawer-footer[data-v-d8bf7638]{position:fixed;bottom:0;right:0;width:100%;border-top:1px solid #e9e9e9;padding:10px 16px;text-align:right;background:#fff;z-index:1}.vjs-custom-skin .vjs-big-play-button[data-v-d8bf7638]{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:50%;width:60px;height:60px;line-height:60px}.vjs-custom-skin .vjs-control-bar[data-v-d8bf7638]{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}@media (max-width:768px){.preview-container[data-v-d8bf7638]{padding:8px}}