.preview-model[data-v-bf4017bf]{align-items:center;display:flex;gap:16px}.wrapper-bg[data-v-bf4017bf]{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:var(--base-font-color-9);height:100vh;left:0;position:fixed;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw;z-index:9999}.wrapper-bg.fade-enter-active[data-v-bf4017bf],.wrapper-bg.fade-leave-active[data-v-bf4017bf]{transition:all .3s ease}.wrapper-bg.fade-enter-from[data-v-bf4017bf],.wrapper-bg.fade-leave-to[data-v-bf4017bf]{opacity:0;transform:scale(.95)}.wrapper-bg.fade-enter-to[data-v-bf4017bf],.wrapper-bg.fade-leave-from[data-v-bf4017bf]{opacity:1;transform:scale(1)}.preview-wrapper[data-v-bf4017bf]{display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100vw;z-index:100000}.preview-wrapper .btn[data-v-bf4017bf]{align-items:center;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:var(--theme-base-bg-5);border-radius:50%;color:var(--base-font-color-5);cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:none!important;width:50px}.preview-wrapper .btn[data-v-bf4017bf]:hover{color:var(--base-font-color)}.preview-wrapper .close[data-v-bf4017bf]{position:absolute;right:30px;top:30px;z-index:10}.preview-wrapper .step-left[data-v-bf4017bf],.preview-wrapper .step-right[data-v-bf4017bf]{bottom:50%;left:16px;position:absolute;transform:translateY(-50%);z-index:10}.preview-wrapper .step-right[data-v-bf4017bf]{left:unset;right:16px}.preview-wrapper .preview[data-v-bf4017bf]{height:100%;width:100%}.preview-wrapper .preview img[data-v-bf4017bf],.preview-wrapper .preview video[data-v-bf4017bf]{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.preview-wrapper .preview-list[data-v-bf4017bf]{height:300px;min-height:300px}.preview-wrapper .preview-list .list[data-v-bf4017bf]{align-items:center;display:flex}