[data-v-37a854c1]:root{--p-theme-color:#fff}[data-theme=light][data-v-37a854c1]{--p-theme-color:#000}.image-preview[data-v-37a854c1]{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__carousel[data-v-37a854c1]{flex:1;margin-bottom:4.26667vw;overflow:hidden;position:relative}.image-preview__carousel .carousel-track[data-v-37a854c1]{display:flex;height:100%;will-change:transform}.image-preview__carousel .carousel-slide[data-v-37a854c1]{align-items:center;display:flex;flex:0 0 100%;justify-content:center;overflow:hidden}.image-preview__carousel .carousel-slide .preview-img[data-v-37a854c1]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.image-preview__carousel .carousel-slide .preview-img[data-v-37a854c1] .common-image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-preview__thumbnails[data-v-37a854c1]{background:#000000e6;flex-shrink:0;margin-bottom:7.46667vw;padding:0;position:relative}.image-preview__thumbnails .thumbnails-scroll[data-v-37a854c1]{display:flex;overflow-x:auto;padding:.53333vw 4.26667vw}.image-preview__thumbnails .thumbnails-scroll .thumbnail-item[data-v-37a854c1]{margin-right:1.06667vw}.image-preview__thumbnails .thumbnails-scroll .thumbnail-item[data-v-37a854c1]:last-child{margin-right:0}.image-preview__thumbnails .thumbnails-scroll[data-v-37a854c1]::-webkit-scrollbar{background:transparent;display:inline-block;height:0;width:0}.image-preview__thumbnails .thumbnails-scroll[data-v-37a854c1]::-webkit-scrollbar-track{background-color:transparent}.image-preview__thumbnails .thumbnails-scroll[data-v-37a854c1]::-webkit-scrollbar-thumb{background-color:#ffffff1f;border-radius:64px}.image-preview__thumbnails[data-v-37a854c1]:after,.image-preview__thumbnails[data-v-37a854c1]:before{content:"";height:11.73333vw;pointer-events:none;position:absolute;width:16.53333vw;z-index:1}.image-preview__thumbnails[data-v-37a854c1]:before{background:linear-gradient(270deg,transparent,#000 76.36%);left:0;opacity:1;top:0;transition:opacity .2s ease}.image-preview__thumbnails[data-v-37a854c1]: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-37a854c1]:after,.image-preview__thumbnails.at-start[data-v-37a854c1]:before{opacity:0}.image-preview__thumbnails .thumbnail-item[data-v-37a854c1]{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-37a854c1]{position:relative}.image-preview__thumbnails .thumbnail-item.is-active[data-v-37a854c1]: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-37a854c1]:after{border:2px solid #fff;border-radius:2px;content:"";inset:0;position:absolute;z-index:1}.image-preview__thumbnails .thumbnail-item[data-v-37a854c1] .common-image{-o-object-fit:cover;object-fit:cover;width:100%;-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-preview__actions[data-v-37a854c1]{align-items:center;display:flex;justify-content:space-between;padding:0 4.26667vw}.image-preview__actions .save-btn[data-v-37a854c1]{align-items:center;background-color:#000;border:1px solid #4b4b4b;border-radius:4px;color:#fff;font-family:PingFang SC;font-size:3.73333vw;font-weight:600;justify-content:center;line-height:5.86667vw;padding:3.46667vw 5.33333vw;text-align:center;width:44.13333vw}.image-preview__delete-icon[data-v-37a854c1]{cursor:pointer;height:6.4vw;opacity:.6;width:6.4vw}.image-preview__delete-icon[data-v-37a854c1] .nuxt-icon{color:#fff;display:flex;font-size:6.4vw;line-height:1}.image-preview__delete-icon[data-v-37a854c1] .nuxt-icon svg{margin-bottom:0}.image-preview__delete-icon--hidden[data-v-37a854c1]{visibility:hidden}@media (min-width:768px){.image-preview[data-v-37a854c1]{background-color:#000;display:flex;flex-direction:column;inset:0;padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-top:calc(44px + env(safe-area-inset-top));position:absolute;z-index:98}.image-preview__carousel[data-v-37a854c1]{flex:1;margin-bottom:16px;overflow:hidden;position:relative}.image-preview__carousel .carousel-track[data-v-37a854c1]{display:flex;height:100%;will-change:transform}.image-preview__carousel .carousel-slide[data-v-37a854c1]{align-items:center;display:flex;flex:0 0 100%;justify-content:center;overflow:hidden}.image-preview__carousel .carousel-slide .preview-img[data-v-37a854c1]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.image-preview__carousel .carousel-slide .preview-img[data-v-37a854c1] .common-image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-preview__thumbnails[data-v-37a854c1]{background:#000000e6;flex-shrink:0;margin-bottom:28px;padding:0;position:relative}.image-preview__thumbnails .thumbnails-scroll[data-v-37a854c1]{display:flex;overflow-x:auto;padding:2px 16px}.image-preview__thumbnails .thumbnails-scroll .thumbnail-item[data-v-37a854c1]{margin-right:4px}.image-preview__thumbnails .thumbnails-scroll .thumbnail-item[data-v-37a854c1]:last-child{margin-right:0}.image-preview__thumbnails .thumbnails-scroll[data-v-37a854c1]::-webkit-scrollbar{background:transparent;display:inline-block;height:0;width:0}.image-preview__thumbnails .thumbnails-scroll[data-v-37a854c1]::-webkit-scrollbar-track{background-color:transparent}.image-preview__thumbnails .thumbnails-scroll[data-v-37a854c1]::-webkit-scrollbar-thumb{background-color:#ffffff1f;border-radius:64px}.image-preview__thumbnails[data-v-37a854c1]:after,.image-preview__thumbnails[data-v-37a854c1]:before{content:"";height:44px;pointer-events:none;position:absolute;width:62px;z-index:1}.image-preview__thumbnails[data-v-37a854c1]:before{background:linear-gradient(270deg,transparent,#000 76.36%);left:0;opacity:1;top:0;transition:opacity .2s ease}.image-preview__thumbnails[data-v-37a854c1]: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-37a854c1]:after,.image-preview__thumbnails.at-start[data-v-37a854c1]:before{opacity:0}.image-preview__thumbnails .thumbnail-item[data-v-37a854c1]{border-radius:2px;cursor:pointer;flex-shrink:0;height:40px;overflow:hidden;width:40px}.image-preview__thumbnails .thumbnail-item.is-active[data-v-37a854c1]{position:relative}.image-preview__thumbnails .thumbnail-item.is-active[data-v-37a854c1]: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-37a854c1]:after{border:2px solid #fff;border-radius:2px;content:"";inset:0;position:absolute;z-index:1}.image-preview__thumbnails .thumbnail-item[data-v-37a854c1] .common-image{-o-object-fit:cover;object-fit:cover;width:100%;-webkit-touch-callout:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-preview__actions[data-v-37a854c1]{align-items:center;display:flex;justify-content:space-between;padding:0 16px}.image-preview__actions .save-btn[data-v-37a854c1]{align-items:center;background-color:#000;border:1px solid #4b4b4b;border-radius:4px;color:#fff;font-family:PingFang SC;font-size:14px;font-weight:600;justify-content:center;line-height:22px;padding:13px 20px;text-align:center;width:165.5px}.image-preview__delete-icon[data-v-37a854c1]{cursor:pointer;height:24px;opacity:.6;width:24px}.image-preview__delete-icon[data-v-37a854c1] .nuxt-icon{color:#fff;display:flex;font-size:24px;line-height:1}.image-preview__delete-icon[data-v-37a854c1] .nuxt-icon svg{margin-bottom:0}.image-preview__delete-icon--hidden[data-v-37a854c1]{visibility:hidden}}: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}.delete-confirm-modal{z-index:2100!important}.delete-confirm-modal .close-icon{display:none!important}.delete-confirm-modal .modal-actions .btn.cancel{color:#fff!important}.delete-confirm-modal .modal-actions .btn.confirm{color:#f53f3f!important}
