.image-container[data-v-c4b87f64]{position:relative;display:inline-block;background-color:#f5f5f5;width:100%;height:100%}.image-container .image-element[data-v-c4b87f64]{width:100%;height:100%;-o-object-fit:var(--v37811747);object-fit:var(--v37811747)}.image-error[data-v-c4b87f64],.image-loading[data-v-c4b87f64],.image-loading-ssr[data-v-c4b87f64]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;transition:opacity .2s ease}.image-error.loading-show[data-v-c4b87f64],.image-loading-ssr.loading-show[data-v-c4b87f64],.image-loading.loading-show[data-v-c4b87f64]{opacity:1}.image-error.loading-hide[data-v-c4b87f64],.image-loading-ssr.loading-hide[data-v-c4b87f64],.image-loading.loading-hide[data-v-c4b87f64]{opacity:0;pointer-events:none}.image-error[data-v-c4b87f64]{cursor:pointer}.image-error[data-v-c4b87f64]:hover{background-color:#ebebeb}.image-error:hover .default-error[data-v-c4b87f64]{color:#666}.default-loading[data-v-c4b87f64]{display:flex;flex-direction:column;align-items:center;color:#999;font-size:12px}.default-loading .loading-icon[data-v-c4b87f64]{width:20px;height:20px;border:2px solid #e4e4e4;border-top-color:#409eff;border-radius:50%;animation:loading-rotate-c4b87f64 1s linear infinite;margin-bottom:8px}.default-loading .loading-icon.small[data-v-c4b87f64]{width:14px;height:14px}.default-loading .loading-text[data-v-c4b87f64]{font-size:12px;color:#999}.default-loading .loading-text.small[data-v-c4b87f64]{font-size:8px}.default-error[data-v-c4b87f64]{display:flex;flex-direction:column;align-items:center;color:#999;font-size:12px}.default-error .error-icon[data-v-c4b87f64]{font-size:24px;margin-bottom:4px;opacity:.5}.default-error .error-text[data-v-c4b87f64]{font-size:12px;color:#999}@keyframes loading-rotate-c4b87f64{0%{transform:rotate(0)}to{transform:rotate(1turn)}}