.c3-file-upload{font-family:var(--c3-font-family),sans-serif;width:100%}.c3-file-upload--disabled{cursor:not-allowed;opacity:.65}.c3-file-upload__input{display:none}.c3-file-upload__dropzone{background-color:var(--c3-color);border:var(--c3-border-width) dashed var(--c3-color-border);border-radius:var(--c3-border-radius);color:var(--c3-color-text-muted);cursor:pointer;text-align:center;justify-content:center;align-items:center;padding:1.5rem;transition:border-color .15s,background-color .15s;display:flex}.c3-file-upload__dropzone:focus-visible,.c3-file-upload__dropzone:hover{border-color:var(--c3-color-info);outline:none}.c3-file-upload__dropzone--dragging{background-color:var(--c3-color-muted);border-color:var(--c3-color-info)}.c3-file-upload--sm .c3-file-upload__dropzone{padding:var(--c3-margin);font-size:.8125rem}.c3-file-upload--md .c3-file-upload__dropzone{padding:1.5rem;font-size:.875rem}.c3-file-upload--lg .c3-file-upload__dropzone{font-size:var(--c3-font-size-md);padding:var(--c3-margin-large)}.c3-file-upload--invalid .c3-file-upload__dropzone{border-color:var(--c3-color-danger)}.c3-file-upload__hint{margin:0;font-size:.875rem}.c3-file-upload__list{gap:var(--c3-margin-xsmall);margin:var(--c3-margin-xsmall) 0 0;padding:0;list-style:none;display:grid}.c3-file-upload__file{background-color:var(--c3-color-emphasis);border:var(--c3-border-width) solid var(--c3-color-border);border-radius:var(--c3-border-radius-small);align-items:center;gap:var(--c3-margin-small);padding:.375rem .625rem;display:flex}.c3-file-upload__file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.c3-file-upload__file-size{color:var(--c3-color-text-muted);flex:none;font-size:.75rem}.c3-file-upload__remove{border-radius:var(--c3-border-radius-small);color:var(--c3-color-text-muted);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-inline-start:auto;padding:0;display:inline-flex}.c3-file-upload__remove:hover{color:var(--c3-color-danger)}