.auto-pick-color[data-v-3d5c84dc]{min-height:240px;width:100%}.auto-pick-color[data-v-3d5c84dc],.auto-pick-color .upload-btn[data-v-3d5c84dc]{align-items:center;display:flex;justify-content:center}.auto-pick-color .upload-btn[data-v-3d5c84dc]{background:linear-gradient(0deg,#0003,#0003),#313439;border:unset;border-radius:3px;color:#fff;cursor:pointer;flex-direction:row;font-family:Albert Sans,sans-serif;font-size:12px;font-weight:400;gap:4px;height:30px;letter-spacing:.001px;line-height:18px;padding:0 16px}.auto-pick-color .upload-btn[data-v-3d5c84dc] *{cursor:pointer}.auto-pick-color .upload-btn .upload-btn-icon[data-v-3d5c84dc]{color:#fff;height:16px;width:16px}.auto-pick-color .upload-btn.disabled[data-v-3d5c84dc]{background:#3134390f;color:#31343959;cursor:not-allowed}.auto-pick-color .upload-btn.disabled .upload-btn-icon[data-v-3d5c84dc]{color:#31343959}.auto-pick-color .upload-btn.disabled[data-v-3d5c84dc] *{cursor:not-allowed}.auto-pick-color .uploading-text[data-v-3d5c84dc]{color:#00000080;font-family:Albert Sans,sans-serif;font-size:9px;font-style:normal;font-weight:500;line-height:normal}.auto-pick-color .pick-color-area[data-v-3d5c84dc]{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:16px;width:100%}.auto-pick-color .pick-color-area .img-box[data-v-3d5c84dc]{align-items:center;background:#fff;border:1px solid rgba(49,52,57,.12);border-radius:3px;display:flex;justify-content:center;max-height:276px;min-height:208px;overflow:hidden;width:100%}.auto-pick-color .pick-color-area .img-box .img-area[data-v-3d5c84dc]{position:relative}.auto-pick-color .pick-color-area .img-box .img-area .img[data-v-3d5c84dc]{height:0;width:0}.auto-pick-color .pick-color-area .img-box .img-area .mark-area[data-v-3d5c84dc]{inset:0;position:absolute}.auto-pick-color .pick-color-area .img-box .img-area .mark-area .mark[data-v-3d5c84dc]{align-items:center;cursor:pointer;display:flex;height:16px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:16px}.auto-pick-color .pick-color-area .img-box .img-area .mark-area .mark .mark-dot[data-v-3d5c84dc]{background:var(--color-value);border:1px solid #fff;border-radius:50%;height:10px;width:10px}.auto-pick-color .pick-color-area .img-box .img-area .mark-area .mark.active .mark-dot[data-v-3d5c84dc]{border-width:3px;height:16px;width:16px}.auto-pick-color .pick-color-area .reupload-btn[data-v-3d5c84dc]{align-items:center;background:#3134390f;border:unset;border-radius:3px;color:#313439;cursor:pointer;display:flex;flex-direction:row;font-family:Albert Sans,sans-serif;font-size:12px;font-style:normal;font-weight:400;gap:4px;height:32px;justify-content:center;letter-spacing:.001px;line-height:16px;margin-top:12px;text-align:center;width:100%}.auto-pick-color .pick-color-area .reupload-btn[data-v-3d5c84dc] *{cursor:pointer}.auto-pick-color .pick-color-area .reupload-btn .upload-btn-icon[data-v-3d5c84dc]{color:#313439;height:16px;width:16px}.auto-pick-color .pick-color-area .result-list[data-v-3d5c84dc]{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%}.auto-pick-color .pick-color-area .result-list .label[data-v-3d5c84dc]{color:#313439b3;font-family:Albert Sans,sans-serif;font-size:11px;font-style:normal;font-weight:400;line-height:18px}.auto-pick-color .pick-color-area .result-list .list[data-v-3d5c84dc]{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 6.8px;justify-content:flex-start;width:100%}.auto-pick-color .pick-color-area .result-list .list .color-block[data-v-3d5c84dc]{background:var(--color-value);border-radius:2px;cursor:pointer;display:flex;height:20px;position:relative;width:20px}.auto-pick-color .pick-color-area .result-list .list .color-block[data-v-3d5c84dc]:after{border:1px solid rgba(49,52,57,.12);border-radius:inherit;content:"";inset:0;position:absolute}.auto-pick-color .pick-color-area .result-list .list .color-block[data-v-3d5c84dc]:hover:before{border:1px solid rgba(49,52,57,.2);border-radius:inherit;box-sizing:border-box;content:"";height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}.auto-pick-color .pick-color-area .result-list .list .color-block[data-v-3d5c84dc]:hover:after{border:1px solid #fff}