[data-v-9e6949dd]:root{--p-theme-color:#fff}[data-theme=light][data-v-9e6949dd]{--p-theme-color:#000}.image-preview[data-v-9e6949dd]{background-color:#000;display:flex;flex-direction:column;inset:0;padding-bottom:calc(6.4vw + env(safe-area-inset-bottom));padding-top:calc(11.73333vw + env(safe-area-inset-top));position:absolute;z-index:98}.image-preview__main[data-v-9e6949dd]{align-items:center;display:flex;flex:1;justify-content:center;margin-bottom:4.26667vw;overflow:hidden}.image-preview__main .preview-img[data-v-9e6949dd]{height:calc(100vh - 48.53333vw - env(safe-area-inset-bottom) - env(safe-area-inset-top));max-height:calc(100vh - 48.53333vw - env(safe-area-inset-bottom) - env(safe-area-inset-top));max-width:100%;-o-object-fit:contain;object-fit:contain}.image-preview__main .preview-img[data-v-9e6949dd] .common-image{height:calc(100vh - 48.53333vw - env(safe-area-inset-bottom) - env(safe-area-inset-top));max-height:calc(100vh - 48.53333vw - env(safe-area-inset-bottom) - env(safe-area-inset-top));-o-object-fit:contain;object-fit:contain;width:100%}.image-preview__thumbnails[data-v-9e6949dd]{background:#000000e6;flex-shrink:0;margin-bottom:7.46667vw;padding:0;position:relative}.image-preview__thumbnails .thumbnails-scroll[data-v-9e6949dd]{display:flex;gap:1.06667vw;overflow-x:auto;padding:.53333vw 4.26667vw}.image-preview__thumbnails .thumbnails-scroll[data-v-9e6949dd]::-webkit-scrollbar{background:transparent;display:inline-block;height:0;width:0}.image-preview__thumbnails .thumbnails-scroll[data-v-9e6949dd]::-webkit-scrollbar-track{background-color:transparent}.image-preview__thumbnails .thumbnails-scroll[data-v-9e6949dd]::-webkit-scrollbar-thumb{background-color:#ffffff1f;border-radius:64px}.image-preview__thumbnails[data-v-9e6949dd]:after,.image-preview__thumbnails[data-v-9e6949dd]:before{content:"";height:11.73333vw;pointer-events:none;position:absolute;width:16.53333vw;z-index:1}.image-preview__thumbnails[data-v-9e6949dd]:before{background:linear-gradient(270deg,transparent,#000 76.36%);left:0;opacity:1;top:0;transition:opacity .2s ease}.image-preview__thumbnails[data-v-9e6949dd]:after{background:linear-gradient(90deg,transparent,#000 76.36%);opacity:1;right:0;top:0;transition:opacity .2s ease}.image-preview__thumbnails.at-end[data-v-9e6949dd]:after,.image-preview__thumbnails.at-start[data-v-9e6949dd]:before{opacity:0}.image-preview__thumbnails .thumbnail-item[data-v-9e6949dd]{border-radius:2px;cursor:pointer;flex-shrink:0;height:10.66667vw;overflow:hidden;width:10.66667vw}.image-preview__thumbnails .thumbnail-item.is-active[data-v-9e6949dd]{position:relative}.image-preview__thumbnails .thumbnail-item.is-active[data-v-9e6949dd]:before{border:3.5px solid #181818;border-radius:2px;content:"";inset:0;position:absolute;z-index:1}.image-preview__thumbnails .thumbnail-item.is-active[data-v-9e6949dd]:after{border:2px solid #fff;border-radius:2px;content:"";inset:0;position:absolute;z-index:1}.image-preview__thumbnails .thumbnail-item[data-v-9e6949dd] .common-image{-o-object-fit:cover;object-fit:cover;width:100%}.image-preview__save[data-v-9e6949dd]{align-content:center;display:flex;justify-content:center}.image-preview__save button[data-v-9e6949dd]{align-items:center;background-color:#000;border:1px solid #4b4b4b;border-radius:4px;color:#fff;font-family:PingFang SC;font-size:3.73333vw;font-style:normal;font-weight:600;gap:1.06667vw;justify-content:center;line-height:5.86667vw;padding:3.46667vw 5.33333vw;text-align:center;width:44.13333vw}:root{--p-theme-color:#fff}[data-theme=light]{--p-theme-color:#000}.acg-mobile-preview-dialog .el-dialog__header{display:none}.acg-mobile-preview-dialog .el-dialog__body{padding:0}