.preview[data-v-fd4a500a]{width:100%;display:flex;flex-direction:column}.preview-head[data-v-fd4a500a]{background-color:#1f2937;height:40px;border-radius:10px 10px 0 0;padding:0 10px;display:flex;align-items:center}.preview-head-url[data-v-fd4a500a]{background-color:#374151;border-radius:5px;width:500px;height:28px;text-align:center;line-height:28px;color:#fff;font-size:14px}.preview-head-url .fa-lock[data-v-fd4a500a]{margin-right:10px;opacity:.5;font-size:12px}.preview-head-right[data-v-fd4a500a]{justify-content:flex-end}.preview-head-left[data-v-fd4a500a],.preview-head-right[data-v-fd4a500a]{display:flex;align-items:center;height:40px;width:250px}.preview-head-left>div[data-v-fd4a500a]{width:16px;height:16px;border-radius:8px;margin-right:4px}.preview-head-left>div[data-v-fd4a500a]:first-child{background-color:#ee6a5f}.preview-head-left>div[data-v-fd4a500a]:nth-child(2){background-color:#f5bd4f}.preview-head-left>div[data-v-fd4a500a]:nth-child(3){background-color:#61c454}.preview-body[data-v-fd4a500a]{background-color:#fff;border:1px solid #171f2b;border-top-width:0;flex-grow:1;overflow:hidden;cursor:pointer;border-radius:0 0 10px 10px;background-size:1000px auto;background-repeat:no-repeat}.preview-body video[data-v-fd4a500a]{width:100%;margin:0;display:block;height:auto}.preview-body-icon[data-v-fd4a500a]{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);font-size:128px;color:#ffbe7a;transition:transform .1s linear}.preview-body:hover .preview-body-icon[data-v-fd4a500a]{transform:translate(-50%,-50%) scale(1.1)}