.uploader{width:100%}.uploader-control{gap:var(--space-16);flex-direction:column;width:100%;min-width:0;display:flex}.uploader-dropzone{justify-content:center;align-items:center;gap:var(--space-24);text-align:center;cursor:pointer;border:none;border-color:var(--neutral-border-components);border:var(--stroke-components) dashed var(--neutral-border-components);width:100%;min-height:200px;transition:background-color var(--speed-medium) var(--ease-linear), border-color var(--speed-medium) var(--ease-linear), box-shadow var(--speed-medium) var(--ease-linear);outline:none;flex-direction:column;display:flex}.uploader-dropzone:hover{border-color:var(--neutral-border-active)}.uploader-dropzone[data-dragging=true]{border-color:var(--color-surface-primary);background-color:var(--color-surface-primary-subtle);box-shadow:var(--shadow-bottom-xs)}.uploader-dropzone[data-disabled=true]{cursor:not-allowed;border-color:var(--neutral-border-disabled);background-color:var(--neutral-surface-disabled);box-shadow:none}.uploader-dropzone:focus-visible{border-color:var(--neutral-border-active);box-shadow:var(--shadow-focus);outline:none}.uploader-dropzone:focus-within{box-shadow:none;outline:none}.uploader-dropzone-icon{width:var(--space-24);height:var(--space-24);background-color:var(--neutral-surface-subtle);color:var(--color-surface-primary);justify-content:center;align-items:center;display:inline-flex}.uploader-dropzone-icon>svg,.uploader-dropzone-icon>img{width:100%;height:100%}.uploader-dropzone-text{gap:var(--space-8);color:var(--neutral-content-support);flex-direction:column;display:flex}.uploader-dropzone-title{color:var(--neutral-content-main-titles);font-family:var(--font-sans);font-size:var(--title-xxs-font-size);line-height:var(--title-xxs-line-height);letter-spacing:var(--title-xxs-letter-spacing)}.uploader-dropzone-action{color:var(--color-surface-primary);font-family:var(--font-sans);font-size:var(--label-font-size);line-height:var(--label-line-height);letter-spacing:var(--label-letter-spacing);text-underline-offset:var(--space-2);text-decoration:underline}.uploader-dropzone-helper{color:var(--neutral-content-placeholder);font-family:var(--font-sans);font-size:var(--caption-font-size);line-height:var(--caption-line-height);letter-spacing:var(--caption-letter-spacing)}.uploader-list{gap:var(--space-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.uploader-item{align-items:center;gap:var(--space-12);border-radius:var(--radius-12);background-color:var(--neutral-surface-subtle);border:var(--stroke-1) solid transparent;grid-template-columns:auto 1fr auto;display:grid}.uploader-item[data-status=error]{border-color:var(--color-content-error);background-color:var(--color-surface-error-light)}.uploader-item-preview{width:var(--space-48);height:var(--space-48);border-radius:var(--radius-8);background-color:var(--neutral-surface-main);color:var(--neutral-content-support);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.uploader-item-preview>svg{flex-shrink:0;width:16px;height:16px}.uploader-item-preview img{object-fit:cover;width:100%;height:100%}.uploader-item-body{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.uploader-item-meta{gap:var(--space-4);flex-wrap:wrap;align-items:baseline;display:flex}.uploader-item-name{min-width:0;font-family:var(--font-sans);font-size:var(--label-font-size);line-height:var(--label-line-height);letter-spacing:var(--label-letter-spacing);color:var(--neutral-content-main-titles);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.uploader-item-size{color:var(--neutral-content-placeholder);font-family:var(--font-sans);font-size:var(--caption-font-size);line-height:var(--caption-line-height);letter-spacing:var(--caption-letter-spacing)}.uploader-item-status{color:var(--neutral-content-support);font-family:var(--font-sans);font-size:var(--caption-font-size);line-height:var(--caption-line-height);letter-spacing:var(--caption-letter-spacing)}.uploader-progress{height:var(--space-6);border-radius:var(--radius-6);background-color:var(--neutral-surface-background);position:relative;overflow:hidden}.uploader-progress-bar{background:var(--color-surface-success);border-radius:var(--radius-full);height:100%;position:absolute;top:0;left:0}.uploader-item-remove{width:var(--space-32);height:var(--space-32);border-radius:var(--radius-full);background-color:var(--neutral-surface-background);color:var(--neutral-content-support);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}.uploader-item-remove:hover{background-color:var(--neutral-surface-main);color:var(--neutral-content-main-titles)}.uploader-item-remove:focus-visible{box-shadow:var(--shadow-focus);outline:none}.uploader-item-remove:disabled{cursor:not-allowed;color:var(--neutral-content-disabled);background:0 0}