.comp-upload[data-v-7cd855e8]:not(.no-style-class){aspect-ratio:1;background-color:#fff;border:1px dashed #bbbecd;border-radius:4px;height:100%;text-align:center;vertical-align:top;width:100%}.comp-upload:not(.no-style-class):hover .upload-inner[data-v-7cd855e8]{background-color:#eeeff5}.comp-upload:not(.no-style-class).active[data-v-7cd855e8]{border:1px solid var(--border-color-primary)}.comp-upload:not(.no-style-class).noborder[data-v-7cd855e8]{border-color:transparent}.comp-upload:not(.no-style-class) .upload-inner[data-v-7cd855e8]{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;padding:20px;position:relative;text-align:center}.comp-upload:not(.no-style-class) .upload-inner .text[data-v-7cd855e8]{color:#999;font-size:12px;font-weight:400;margin-top:8px}.comp-upload:not(.no-style-class) .upload-content[data-v-7cd855e8]{align-items:center;display:flex;flex-direction:column}.comp-upload:not(.no-style-class) .upload-content .placeholder-image[data-v-7cd855e8]{width:22%}.comp-upload:not(.no-style-class) .upload-content .add[data-v-7cd855e8]{-o-object-fit:contain;object-fit:contain;width:40px}.comp-upload:not(.no-style-class) .upload-content .title[data-v-7cd855e8]{font-size:12px;font-weight:500;margin-bottom:8px;margin-top:8px}.comp-upload:not(.no-style-class) .image-cut-float-actions[data-v-7cd855e8]{align-items:center;background-color:#0000001a;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.comp-upload:not(.no-style-class) .image-cut-float-actions .toolbar-actions[data-v-7cd855e8]{display:flex;flex-direction:column;gap:12px}.comp-upload:not(.no-style-class) .image-cut-float-actions .toolbar-button[data-v-7cd855e8]{background-color:#ffffffe6;border-radius:2px;color:#666;cursor:pointer;font-size:12px;height:28px;line-height:28px;padding:0 12px;transition:opacity .3s}.comp-upload:not(.no-style-class) .image-cut-float-actions .toolbar-button[data-v-7cd855e8]:hover{background-color:#fff;color:#262626}.comp-upload:not(.no-style-class) .loading-mask[data-v-7cd855e8]{align-items:center;background-color:#0000001a;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%;z-index:3}.comp-upload:not(.no-style-class) .image-container[data-v-7cd855e8]{height:100%;position:relative;width:100%}.comp-upload:not(.no-style-class) .image-container:hover .image-cut-float-actions[data-v-7cd855e8],.comp-upload:not(.no-style-class) .image-container:hover .mask[data-v-7cd855e8]{display:flex}.comp-upload:not(.no-style-class) .image-container .image[data-v-7cd855e8]{height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;width:100%;z-index:1}.comp-upload:not(.no-style-class) .image-container .close[data-v-7cd855e8]{cursor:pointer;height:20px;position:absolute;right:0;top:0;width:20px;z-index:1}.comp-upload:not(.no-style-class) .image-container .mask[data-v-7cd855e8]{background-color:#0006;display:none;height:100%;position:absolute;width:100%;z-index:2}.comp-upload:not(.no-style-class) .image-container .mask .select-avatar[data-v-7cd855e8]{background-color:#0003;border:1px solid #ffffffd9;color:#ffffffd9;cursor:pointer;height:25px;left:182px;position:absolute;top:103px;width:88px;z-index:3}