.image-uploader{width:100%}.image-uploader-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-uploader-dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-7);border-radius:var(--radius-lg);border:2px dashed var(--color-border);background:rgba(var(--color-snow-rgb),.03);color:var(--color-foreground);cursor:pointer;text-align:center;transition:border-color .15s,background .15s,transform .12s}.image-uploader-dropzone:hover:not(:disabled),.image-uploader-dropzone[data-force=hover]{border-color:var(--color-lime);background:rgba(var(--color-lime-rgb),.06)}.image-uploader-dropzone:active:not(:disabled),.image-uploader-dropzone[data-force=active]{background:rgba(var(--color-lime-rgb),.1);transform:translateY(1px)}.image-uploader-dropzone:focus-visible,.image-uploader-dropzone[data-force=focus]{outline:2px solid var(--color-witchy);outline-offset:3px;box-shadow:0 0 0 4px rgba(var(--color-witchy-rgb),.2)}.image-uploader-dropzone:disabled{opacity:.5;cursor:not-allowed}.image-uploader-icon{display:inline-flex;color:var(--color-lime)}.image-uploader-title{font-family:var(--font-sans);font-weight:600;font-size:15px;color:var(--color-foreground)}.image-uploader-hint{font-family:var(--font-roboto);font-size:13px;color:var(--color-muted-foreground)}.image-uploader-preview{position:relative;width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.image-uploader-preview-img{width:100%;height:100%;object-fit:cover;display:block}.image-uploader-change{position:absolute;top:var(--space-4);right:var(--space-4)}.image-uploader-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(var(--color-midnight-rgb),.4);overflow:hidden}.image-uploader-progress-bar{height:100%;background:var(--color-lime);transition:width .2s ease}.image-uploader-progress-bar.is-indeterminate{width:40%;animation:image-uploader-indeterminate 1.1s ease-in-out infinite}@keyframes image-uploader-indeterminate{0%{transform:translateX(-120%)}to{transform:translateX(320%)}}@media (prefers-reduced-motion:reduce){.image-uploader-progress-bar.is-indeterminate{animation:none;width:100%;opacity:.6}}