input.svelte-1pyybxy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-upload.svelte-1pyybxy{position:relative;display:flex;flex-direction:column;gap:.5em;font-size:1em;&.dense{gap:.25em}&.comfortable{gap:.75em}&.size-0{font-size:var(--text-sm, .75rem)}&.size-1{font-size:var(--text-base, .875rem)}&.size-2{font-size:var(--text-lg, 1rem)}&.size-3{font-size:var(--text-xl, 1.125rem)}}.file-upload.skeleton.svelte-1pyybxy{pointer-events:none;label:where(.svelte-1pyybxy){position:relative;visibility:hidden;&:before{content:"";visibility:visible;position:absolute;top:50%;translate:0 -50%;height:.7em;width:7em;border-radius:var(--radius-full, 1e5px);background-color:var( --skeleton-bg, rgb(from var(--color-text, #888) r g b / .1) );background-image:linear-gradient(105deg,transparent 37.5%,var(--skeleton-sheen, rgb(from var(--color-text, #888) r g b / .12)) 50%,transparent 62.5%);background-size:200% 100%;background-repeat:no-repeat;background-position:150% 0;animation:svelte-1pyybxy-file-upload-skeleton-sweep var(--skeleton-duration, 2.4s) ease-in-out infinite}}.dropzone:where(.svelte-1pyybxy),.avatar-upload:where(.svelte-1pyybxy){--shimmer-delay: .12s;background:var(--skeleton-bg, rgb(from var(--color-text, #888) r g b / .1));border-color:transparent;&:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(105deg,transparent 25%,var(--skeleton-sheen, rgb(from var(--color-text, #888) r g b / .12)) 50%,transparent 75%);animation:delight-skeleton-shimmer var(--skeleton-duration, 2.4s) ease-in-out infinite;animation-delay:var(--shimmer-delay, 0s)}}.dropzone:where(.svelte-1pyybxy) :is(.upload-icon:where(.svelte-1pyybxy),.dropzone-text:where(.svelte-1pyybxy),.dropzone-hint:where(.svelte-1pyybxy),.browse-link:where(.svelte-1pyybxy)),.avatar-upload:where(.svelte-1pyybxy) .avatar-placeholder:where(.svelte-1pyybxy){color:transparent}.avatar-upload:where(.svelte-1pyybxy) .avatar-overlay:where(.svelte-1pyybxy){visibility:hidden}.dropzone:where(.svelte-1pyybxy) .upload-icon:where(.svelte-1pyybxy){background:var(--skeleton-bg, rgb(from var(--color-text, #888) r g b / .1));border-radius:var(--radius-md, 4px)}.dropzone-text:where(.svelte-1pyybxy),.dropzone-hint:where(.svelte-1pyybxy){position:relative;&:before{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;height:.7em;width:12em;border-radius:var(--radius-full, 1e5px);background:var(--skeleton-bg, rgb(from var(--color-text, #888) r g b / .1))}}.dropzone-hint:where(.svelte-1pyybxy):before{width:8em}}@keyframes delight-skeleton-shimmer{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@keyframes svelte-1pyybxy-file-upload-skeleton-sweep{0%{background-position:150% 0}55%,to{background-position:-50% 0}}@media(prefers-reduced-motion:reduce){.file-upload.skeleton.svelte-1pyybxy label:where(.svelte-1pyybxy):before,.file-upload.skeleton.svelte-1pyybxy .dropzone:where(.svelte-1pyybxy):after,.file-upload.skeleton.svelte-1pyybxy .avatar-upload:where(.svelte-1pyybxy):after{animation:none}}label.svelte-1pyybxy{font-weight:600;font-size:.875em;color:var(--color-text, inherit);line-height:1.4}.dropzone.svelte-1pyybxy{position:relative;border:2px dashed var(--color-border, hsl(0 0% 80%));border-radius:var(--radius-lg, 8px);padding:2rem;text-align:center;cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s,translate .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5em;outline:none;-webkit-tap-highlight-color:transparent;&:active:not([aria-disabled=true]){translate:0 1px;transition:translate .1s ease}&:hover{border-color:var(--color-action, hsl(220 70% 55%));transition:none}&:focus-visible{outline:2px solid var(--color-border-active, currentColor);outline-offset:2px}&.drag-over{border-color:var(--color-action, hsl(220 70% 55%));background:color-mix(in oklch,var(--color-action, hsl(220 70% 55%)) 5%,transparent);transition:none}}.disabled.svelte-1pyybxy .dropzone:where(.svelte-1pyybxy){opacity:.5;pointer-events:none}.upload-icon.svelte-1pyybxy{width:2em;height:2em;color:var(--color-text-muted, hsl(0 0% 45%))}.dropzone-text.svelte-1pyybxy{margin:0;color:var(--color-text-muted, hsl(0 0% 45%));font-size:.9em}.browse-link.svelte-1pyybxy{color:var(--color-action, hsl(220 70% 55%));text-decoration:underline;font-weight:500}.dropzone-hint.svelte-1pyybxy{margin:0;color:var(--color-text-disabled, hsl(0 0% 60%));font-size:.75em}.compact-wrapper.svelte-1pyybxy{display:inline-block}.compact-wrapper.drag-over.svelte-1pyybxy .button{--color-bg-active: color-mix( in oklch, var(--color-action, hsl(220 70% 55%)) 8%, transparent )}.compact-wrapper.svelte-1pyybxy .upload-icon:where(.svelte-1pyybxy){width:1em;height:1em;color:currentColor}.avatar-upload.svelte-1pyybxy{width:6rem;height:6rem;border-radius:9999px;overflow:hidden;position:relative;cursor:pointer;border:2px dashed var(--color-border, hsl(0 0% 80%));background:light-dark(var(--color-bg-muted, #f5f5f5),var(--color-bg-muted, #1a1a1a));transition:border-color .2s;outline:none;-webkit-tap-highlight-color:transparent;&:hover{border-color:var(--color-action, hsl(220 70% 55%));transition:none}&:focus-visible{outline:2px solid var(--color-border-active, currentColor);outline-offset:2px}&.drag-over{border-color:var(--color-action, hsl(220 70% 55%));transition:none}}.disabled.svelte-1pyybxy .avatar-upload:where(.svelte-1pyybxy){opacity:.5;pointer-events:none}.avatar-preview.svelte-1pyybxy{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.avatar-placeholder.svelte-1pyybxy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, hsl(0 0% 55%))}.avatar-placeholder.svelte-1pyybxy svg:where(.svelte-1pyybxy){width:40%;height:40%}.avatar-overlay.svelte-1pyybxy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000;backdrop-filter:blur(4px);border-radius:100%;color:#fff;transition:background .2s;opacity:0}.avatar-upload.svelte-1pyybxy:hover .avatar-overlay:where(.svelte-1pyybxy),.avatar-upload.svelte-1pyybxy:focus-visible .avatar-overlay:where(.svelte-1pyybxy){background:#0006;opacity:1;transition:none}.file-list.svelte-1pyybxy{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.file-item.svelte-1pyybxy{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-sm, var(--radius-md, 4px));@supports (corner-shape: squircle){corner-shape:squircle;border-radius:calc(var(--radius-sm, var(--radius-md, 4px)) * var(--squircle-ratio, 2))}background:light-dark(var(--color-bg-muted, #f5f5f5),var(--color-bg-muted, #1a1a1a))}.file-preview.svelte-1pyybxy{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm, var(--radius-md, 4px));@supports (corner-shape: squircle){corner-shape:squircle;border-radius:calc(var(--radius-sm, var(--radius-md, 4px)) * var(--squircle-ratio, 2))}object-fit:cover;flex-shrink:0}.file-info.svelte-1pyybxy{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125em}.file-name.svelte-1pyybxy{font-size:.875em;color:var(--color-text, inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size.svelte-1pyybxy{font-size:.75em;color:var(--color-text-muted, hsl(0 0% 45%))}.remove-button.svelte-1pyybxy{display:flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:none;color:var(--color-text-muted, hsl(0 0% 45%));cursor:pointer;border-radius:var(--radius-sm, var(--radius-md, 4px));@supports (corner-shape: squircle){corner-shape:squircle;border-radius:calc(var(--radius-sm, var(--radius-md, 4px)) * var(--squircle-ratio, 2))}transition:color .15s,background .15s;flex-shrink:0}.remove-button.svelte-1pyybxy:hover{color:var(--color-error, hsl(0 70% 55%));background:color-mix(in oklch,var(--color-error, hsl(0 70% 55%)) 10%,transparent);transition:none}.remove-button.svelte-1pyybxy:focus-visible{outline:2px solid var(--color-border-active, currentColor);outline-offset:2px}.has-error.svelte-1pyybxy .dropzone:where(.svelte-1pyybxy),.has-error.svelte-1pyybxy .avatar-upload:where(.svelte-1pyybxy){border-color:var(--color-error, hsl(0 70% 55%))}.error-message.svelte-1pyybxy{margin:0;font-size:.8em;color:var(--color-error, hsl(0 70% 55%));line-height:1.4}