.upload-box[data-v-3816f715]{--hover--background--color: rgba(0, 0, 0, .3);--hover--bg--background--color: rgba(0, 0, 0, .25);--empty-background--color: var(--secondary-background-hover);--empty--hover--background--color: var(--secondary-background);--empty--active--background--color: var(--secondary-background-active);-webkit-user-select:none;user-select:none}.upload-box.dark[data-v-3816f715]{--hover--bg--background--color: var(--primary-background);--hover--background--color: var(--primary-background-hover)}.upload-box.dark .preview-root .hover-bg[data-v-3816f715]{background:#0006}.upload-box.dark .preview-root .hover-bg[data-v-3816f715]:hover{background:#0000004d}.upload-box__container[data-v-3816f715]{position:relative;width:100%;height:0}.upload-box .preview-root .hover-bg[data-v-3816f715]{background:var(--hover--bg--background--color)}.upload-box .preview-root .hover-bg[data-v-3816f715]:hover{background:var(--hover--background--color)}.upload-box .upload-empty[data-v-3816f715]{background:var(--secondary-background-hover)}.upload-box .upload-empty[data-v-3816f715]:hover{background:var(--secondary-background-active)}.upload-box .upload-empty[data-v-3816f715]:active{background:var(--secondary-background)}.upload-box .upload-empty__btn[data-v-3816f715]{max-width:240px;margin-top:3px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-base)}.upload-box .upload-empty__btn i[data-v-3816f715]{font-size:var(--fs-l);margin-right:6px}.upload-box .preview-root[data-v-3816f715]{position:absolute;width:100%;height:100%;border:1.5px dashed var(--primary-color);border-radius:16px;overflow:hidden;cursor:pointer}.upload-box .preview-root .preview-box[data-v-3816f715]{width:100%;height:100%;color:#fff}.upload-box .preview-root .hover-bg[data-v-3816f715]{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .3s}.upload-box .upload-empty[data-v-3816f715]{position:absolute;width:100%;height:100%;border:1.5px dashed var(--primary-color);color:var(--primary-color);border-radius:12px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:background .1s}.upload-box .upload-empty .img i[data-v-3816f715],.upload-box .upload-empty .t1[data-v-3816f715],.upload-box .upload-empty .t2[data-v-3816f715]{background:var(--accent-color);-webkit-background-clip:text;background-clip:text;color:transparent}.upload-box .upload-empty .img i[data-v-3816f715]{display:inline-block}.upload-box .upload-empty .img i[data-v-3816f715]{font-size:28px}.upload-box .upload-empty .t1[data-v-3816f715]{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);padding:0 12px;line-height:var(--lh-tight)}.upload-box .upload-empty .t2[data-v-3816f715]{font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-normal)}