@layer tx.components{.tx-file-upload{gap:var(--tx-file-upload-gap,var(--tx-space-3));max-inline-size:36rem;display:grid}.tx-file-upload__zone{gap:var(--tx-space-2);padding-block:var(--tx-file-upload-zone-padding-block,var(--tx-space-6));padding-inline:var(--tx-file-upload-zone-padding-inline,var(--tx-space-4));border:var(--tx-file-upload-zone-border-width,var(--tx-border-width-thick)) dashed var(--tx-border,ButtonBorder);border-radius:var(--tx-file-upload-zone-radius,var(--tx-shape-radius-lg));background:var(--tx-surface,Canvas);color:var(--tx-foreground,CanvasText);text-align:center;transition:border-color var(--tx-motion-base,.2s) ease, background-color var(--tx-motion-base,.2s) ease;justify-items:center;display:grid}.tx-file-upload--compact .tx-file-upload__zone{padding-block:var(--tx-space-3);padding-inline:var(--tx-space-3);text-align:start;justify-items:start}.tx-file-upload__zone[data-state=dragging]{border-color:var(--tx-primary,Highlight);background:color-mix(in srgb, var(--tx-primary,Highlight) 8%, var(--tx-surface,Canvas))}.tx-file-upload__zone[data-state=disabled]{cursor:not-allowed;background:var(--tx-muted,color-mix(in srgb, CanvasText 6%, Canvas))}.tx-file-upload__zone[data-state=disabled] .tx-file-upload__browse{opacity:.7;pointer-events:none}.tx-file-upload__hint,.tx-file-upload__zone>p{color:var(--tx-foreground,CanvasText);margin:0;font-size:.8125rem}.tx-file-upload__zone>label:not(.tx-file-upload__browse){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tx-file-upload__browse{min-block-size:var(--tx-file-upload-browse-height,var(--tx-size-control-md));border:var(--tx-border-width-thin) solid var(--tx-input,var(--tx-border,ButtonBorder));border-radius:calc(var(--tx-file-upload-zone-radius,var(--tx-shape-radius-lg)) * .7);background:var(--tx-background,Canvas);color:inherit;font:inherit;font-size:var(--tx-type-label-size);font-weight:var(--tx-type-label-weight);cursor:pointer;justify-content:center;align-items:center;padding-inline:.85rem;display:inline-flex}.tx-file-upload__browse:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:var(--tx-focus-ring-offset,2px)}.tx-file-upload__input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tx-file-upload__list{gap:var(--tx-space-2);margin:0;padding:0;list-style:none;display:grid}.tx-file-upload__item{border:var(--tx-border-width-thin) solid var(--tx-border,ButtonBorder);border-radius:calc(var(--tx-file-upload-zone-radius,var(--tx-shape-radius-lg)) * .7);background:var(--tx-elevated,var(--tx-surface,Canvas));grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.55rem .65rem;display:grid}.tx-file-upload__item[data-status=error]{border-color:var(--tx-destructive,Mark)}.tx-file-upload__preview{inline-size:var(--tx-space-10);block-size:var(--tx-space-10);border-radius:calc(var(--tx-file-upload-zone-radius,var(--tx-shape-radius-lg)) * .4);object-fit:cover;background:var(--tx-muted,color-mix(in srgb, CanvasText 8%, Canvas))}.tx-file-upload__preview--icon{color:var(--tx-muted-foreground,CanvasText);place-items:center;font-size:.7rem;font-weight:600;display:grid}.tx-file-upload__meta{gap:.2rem;min-inline-size:0;display:grid}.tx-file-upload__name{font-size:var(--tx-type-label-size);font-weight:var(--tx-type-label-weight);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.tx-file-upload__size{font-size:var(--tx-type-caption-size);color:var(--tx-muted-foreground,CanvasText);margin:0}.tx-file-upload__progress{grid-column:1/-1}.tx-file-upload__progress-track{border-radius:var(--tx-shape-radius-full);background:var(--tx-muted,color-mix(in srgb, CanvasText 10%, Canvas));block-size:.35rem;overflow:hidden}.tx-file-upload__progress-fill{background:var(--tx-primary,Highlight);block-size:100%;inline-size:var(--tx-file-upload-progress,0%)}.tx-file-upload__progress-fill[data-indeterminate=true]{inline-size:40%;animation:1s ease-in-out infinite alternate tx-file-upload-indeterminate}.tx-file-upload__zone [role=alert]{border:var(--tx-border-width-thin) solid var(--tx-destructive,Mark);border-radius:calc(var(--tx-file-upload-zone-radius,var(--tx-shape-radius-lg)) * .6);background:color-mix(in srgb, var(--tx-destructive,Mark) 8%, var(--tx-surface,Canvas));color:var(--tx-foreground,CanvasText);text-align:start;inline-size:100%;margin:0;padding:.65rem .75rem;font-size:.8125rem}.tx-file-upload__zone [role=alert] ul{margin:.25rem 0 0;padding-inline-start:1.1rem}.tx-file-upload__remove{min-block-size:var(--tx-size-control-sm);min-inline-size:var(--tx-size-control-sm);border:var(--tx-border-width-thin) solid var(--tx-border,ButtonBorder);border-radius:calc(var(--tx-file-upload-zone-radius,var(--tx-shape-radius-lg)) * .5);color:inherit;cursor:pointer;font:inherit;background:0 0}.tx-file-upload__remove:focus-visible{outline:var(--tx-focus-ring-width,2px) solid var(--tx-ring,Highlight);outline-offset:2px}@keyframes tx-file-upload-indeterminate{0%{translate:0}to{translate:150%}}@media (prefers-reduced-motion:reduce){.tx-file-upload__progress-fill[data-indeterminate=true]{opacity:.5;inline-size:100%;animation:none}}@media (forced-colors:active){.tx-file-upload,.tx-file-upload__zone,.tx-file-upload__item,.tx-file-upload__browse,.tx-file-upload__remove,.tx-file-upload__meta{color:canvastext;forced-color-adjust:none}.tx-file-upload__zone,.tx-file-upload__item,.tx-file-upload__browse,.tx-file-upload__remove{background:canvas;border:1px solid buttontext}}}section.svelte-l56954{gap:1.25rem;min-inline-size:0;max-inline-size:min(100%,40rem);padding:1rem;display:grid}
