.img-upload[data-v-8e7bb0d4]{align-items:center;border:2px dashed hsla(0,0%,100%,.1);border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:120px;overflow:hidden;position:relative;transition:border-color .15s}.img-upload--dragover[data-v-8e7bb0d4]{background:color-mix(in oklch,var(--ui-primary) 5%,transparent);border-color:var(--ui-primary)}.img-upload--has-preview[data-v-8e7bb0d4]{border-color:#ffffff14;border-style:solid}.img-upload-preview[data-v-8e7bb0d4]{max-height:240px;-o-object-fit:cover;object-fit:cover;width:100%}.img-upload-placeholder[data-v-8e7bb0d4]{align-items:center;color:#ffffff4d;display:flex;flex-direction:column;font-family:var(--font-ui);font-size:.8125rem;gap:.375rem;padding:2rem}.img-upload-icon[data-v-8e7bb0d4]{font-size:1.5rem}.img-upload-overlay[data-v-8e7bb0d4]{align-items:center;background:#000000b3;color:#fff;display:flex;flex-direction:column;font-family:var(--font-ui);font-size:.8125rem;gap:.5rem;inset:0;justify-content:center;position:absolute}.img-upload-spinner[data-v-8e7bb0d4]{animation:spin-8e7bb0d4 1s linear infinite}@keyframes spin-8e7bb0d4{to{transform:rotate(1turn)}}.img-upload-trigger[data-v-8e7bb0d4]{margin-bottom:.5rem;margin-top:.5rem}.img-upload-input[data-v-8e7bb0d4]{display:none}.img-upload-btn[data-v-8e7bb0d4]{align-items:center;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#ffffff80;cursor:pointer;display:inline-flex;font-family:var(--font-ui);font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .625rem;transition:background .15s}.img-upload-btn[data-v-8e7bb0d4]:hover{background:#ffffff1a;color:#fff}.img-upload--has-preview .img-upload-trigger[data-v-8e7bb0d4]{bottom:.5rem;margin:0;position:absolute;right:.5rem}.img-upload--has-preview .img-upload-btn[data-v-8e7bb0d4]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009}.img-upload-error[data-v-8e7bb0d4]{color:#f87171;font-family:var(--font-ui);font-size:.75rem;padding:.25rem .5rem}