.preview-video-control-btn[data-v-022d7aef],.preview-video-toolbar-btn[data-v-022d7aef]{align-items:center;background:#fff;border:1px solid rgba(37,37,37,.149);border-radius:8px;color:#252525;cursor:pointer;display:flex;height:44px;justify-content:center;outline:none;padding:11px 17px;transition:all .2s;width:44px}.preview-video-control-btn[data-v-022d7aef]:hover,.preview-video-toolbar-btn[data-v-022d7aef]:hover{background:#f9fafb;border-color:#25252526}.large.preview-video-control-btn[data-v-022d7aef],.large.preview-video-toolbar-btn[data-v-022d7aef]{height:47px}.el-button+.el-button[data-v-022d7aef]{margin-left:0}.preview-video[data-v-022d7aef]{align-items:center;box-sizing:border-box;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;left:50%;max-height:100%;max-width:100%;min-height:0;overflow:hidden;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:-moz-fit-content;width:fit-content}.preview-video-frame[data-v-022d7aef]{background:transparent;border-radius:8px;height:100%;line-height:0;overflow:hidden;position:relative;width:100%}.preview-video-frame:focus-within .preview-video-toolbar[data-v-022d7aef],.preview-video-frame:hover .preview-video-toolbar[data-v-022d7aef]{opacity:1;pointer-events:auto}.preview-video-frame[data-v-022d7aef]:fullscreen{background:#000;border-radius:0;height:100vh!important;width:100vw!important}.preview-video-frame:fullscreen .preview-video-toolbar[data-v-022d7aef]{display:none}.preview-video-frame[data-v-022d7aef]:-webkit-full-screen{background:#000;border-radius:0;height:100vh!important;width:100vw!important}.preview-video-frame:-webkit-full-screen .preview-video-toolbar[data-v-022d7aef]{display:none}.preview-video-frame.is-fallback-fullscreen[data-v-022d7aef]{aspect-ratio:auto!important;background:#000;border-radius:0;height:100vh!important;top:0;right:0;bottom:0;left:0;max-height:none!important;max-width:none!important;position:fixed;width:100vw!important;z-index:100000}html.is-video-fallback-fullscreen,body.is-video-fallback-fullscreen{overflow:hidden}.preview-video-fullscreen-layer[data-v-022d7aef]{align-items:center;background:#000;display:flex;height:100vh;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;width:100vw;z-index:100000}.preview-video-fullscreen-player[data-v-022d7aef]{background:#000;display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.preview-video-fullscreen-player[data-v-022d7aef]::-webkit-media-controls{display:none!important}.preview-video-controls-fullscreen[data-v-022d7aef]{z-index:1}.preview-video-fullscreen-tip[data-v-022d7aef]{align-items:center;background:#000000e6;border-radius:0 0 2px 2px;box-sizing:border-box;color:#fff;display:flex;font-size:18px;font-weight:600;gap:10px;height:53px;justify-content:center;left:50%;letter-spacing:0;line-height:1;min-width:325px;padding:0 21px;pointer-events:none;position:absolute;top:0;transform:translate(-50%);z-index:4}.preview-video-fullscreen-tip kbd[data-v-022d7aef]{background:transparent;border:2px solid hsla(0,0%,100%,.92);border-radius:4px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:18px;font-weight:600;height:39px;line-height:35px;min-width:48px;padding:0 8px;text-align:center;text-transform:lowercase}.preview-video-player[data-v-022d7aef]{background:transparent;cursor:pointer;display:block;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity .2s ease;width:100%}.preview-video-player.is-ready[data-v-022d7aef]{opacity:1}.preview-video-poster[data-v-022d7aef],.preview-video-start[data-v-022d7aef]{background:transparent;border-radius:inherit;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;z-index:1}.preview-video-poster img[data-v-022d7aef],.preview-video-start img[data-v-022d7aef]{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.preview-video-start[data-v-022d7aef]{border:0;cursor:pointer;height:100%;padding:0;width:100%}.preview-video-start .preview-video-start-poster[data-v-022d7aef]{top:0;right:0;bottom:0;left:0;position:absolute}.preview-video-start .preview-video-start-icon[data-v-022d7aef]{height:48px;left:50%;-o-object-fit:contain;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px;z-index:1}.preview-video-loading[data-v-022d7aef]{background:transparent;border-radius:inherit;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;z-index:2}.preview-video-empty[data-v-022d7aef]{align-items:center;background:#f5f5f5;display:flex;height:100%;justify-content:center;width:100%}.preview-video-empty img[data-v-022d7aef]{height:48px;-o-object-fit:contain;object-fit:contain;width:48px}.preview-video-controls[data-v-022d7aef]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.18) 45%,rgba(0,0,0,.5));bottom:0;box-sizing:border-box;color:#ffffffeb;height:104px;left:0;line-height:1;padding:50px 24px 30px;position:absolute;right:0;z-index:3}.preview-video-controls.is-progress-hovering .preview-video-control-btn[data-v-022d7aef],.preview-video-controls.is-progress-hovering .preview-video-control-btn[data-v-022d7aef]:active,.preview-video-controls.is-progress-hovering .preview-video-control-btn[data-v-022d7aef]:focus,.preview-video-controls.is-progress-hovering .preview-video-control-btn[data-v-022d7aef]:hover{background:transparent}.preview-video-progress[data-v-022d7aef]{height:10px}.preview-video-control-row[data-v-022d7aef]{align-items:center;display:flex;gap:14px;height:24px;margin-top:6px}.preview-video-control-btn[data-v-022d7aef]{background:transparent;border:0;border-radius:4px;box-shadow:none;color:#ffffffeb;height:24px;min-width:24px;padding:0;width:24px}.preview-video-control-btn[data-v-022d7aef]:active,.preview-video-control-btn[data-v-022d7aef]:focus,.preview-video-control-btn[data-v-022d7aef]:hover{background:transparent;border:0;box-shadow:none;color:#fff;outline:none}.preview-video-control-btn svg[data-v-022d7aef]{display:block;height:24px;width:24px;fill:currentColor}.preview-video-time[data-v-022d7aef]{color:#ffffffeb;font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;min-width:104px;white-space:nowrap}.preview-video-control-spacer[data-v-022d7aef]{flex:1;min-width:12px}.preview-video-volume[data-v-022d7aef]{align-items:center;display:flex;gap:14px}.preview-video-volume:focus-within .preview-video-volume-slider[data-v-022d7aef],.preview-video-volume:hover .preview-video-volume-slider[data-v-022d7aef]{opacity:1;pointer-events:auto;width:72px}.preview-video-volume-slider[data-v-022d7aef]{height:14px;opacity:0;overflow:visible;pointer-events:none;transition:width .15s ease,opacity .15s ease;width:0}.preview-video-range[data-v-022d7aef]{--range-progress:0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;display:block;height:10px;margin:0;padding:0;width:100%}.preview-video-range[data-v-022d7aef]:focus{outline:none}.preview-video-range[data-v-022d7aef]::-webkit-slider-runnable-track{background:linear-gradient(90deg,hsla(0,0%,100%,.92) 0,hsla(0,0%,100%,.92) var(--range-progress),hsla(0,0%,100%,.28) var(--range-progress),hsla(0,0%,100%,.28) 100%);border-radius:999px;height:2px}.preview-video-range[data-v-022d7aef]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:0;border-radius:50%;box-shadow:none;height:10px;margin-top:-4px;width:10px}.preview-video-range[data-v-022d7aef]::-moz-range-track{background:#ffffff47;border-radius:999px;height:2px}.preview-video-range[data-v-022d7aef]::-moz-range-progress{background:#ffffffeb;border-radius:999px;height:2px}.preview-video-range[data-v-022d7aef]::-moz-range-thumb{background:#fff;border:0;border-radius:50%;height:10px;width:10px}.preview-video-volume-input[data-v-022d7aef]::-webkit-slider-runnable-track{background:linear-gradient(90deg,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,.7) var(--range-progress),hsla(0,0%,100%,.16) var(--range-progress),hsla(0,0%,100%,.16) 100%);height:3px}.preview-video-volume-input[data-v-022d7aef]::-moz-range-track{background:#ffffff29;height:3px}.preview-video-volume-input[data-v-022d7aef]::-moz-range-progress{background:#ffffffb3;height:3px}.preview-video-toolbar[data-v-022d7aef]{display:flex;gap:8px;left:16px;opacity:0;pointer-events:none;position:absolute;top:16px;transition:opacity .15s ease;z-index:2}.preview-video-toolbar-btn[data-v-022d7aef]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:8px;box-shadow:0 0 4px #00000012;height:36px;min-width:36px;padding:0;width:36px}.preview-video-toolbar-btn[data-v-022d7aef]:active,.preview-video-toolbar-btn[data-v-022d7aef]:focus,.preview-video-toolbar-btn[data-v-022d7aef]:hover{background:#fff;border-color:#25252526;box-shadow:0 0 4px #00000012;outline:none}.preview-video-toolbar-btn[data-v-022d7aef]:disabled{cursor:default;opacity:1}.preview-video-toolbar-btn img[data-v-022d7aef]{height:16px;-o-object-fit:contain;object-fit:contain;width:16px}.preview-video-play-btn[data-v-022d7aef]{display:none!important}@media (max-width:768px){.preview-video[data-v-022d7aef]{padding:0}.preview-video-frame[data-v-022d7aef]{max-width:100%}.preview-video-controls[data-v-022d7aef]{height:104px;padding:40px 16px 22px}.preview-video-control-row[data-v-022d7aef]{gap:10px;margin-top:5px}.preview-video-time[data-v-022d7aef]{font-size:13px;min-width:86px}.preview-video-volume-slider[data-v-022d7aef]{display:none}}