.file-upload{--upload-primary-color:var(--primary);--upload-bg-color:var(--background);--upload-text-color:var(--muted-foreground);--upload-border-color:var(--border);--upload-border-radius:4px;--upload-padding:24px;--upload-dropzone-bg:var(--background);--upload-dropzone-border:var(--border);--upload-dropzone-hover-bg:color-mix(in srgb,var(--background) 96%,var(--primary) 4%);--upload-dropzone-hover-border:var(--primary);--upload-dropzone-padding:32px;--upload-link-color:#ee9d00;--upload-link-weight:400;--upload-button-bg:var(--primary);--upload-button-color:var(--primary-foreground);--upload-progress-bg:var(--input);--upload-progress-fill:var(--primary);--upload-font-family:var(--kuse-font-primary,"Poppins",sans-serif);--upload-font-size:12px;--upload-line-height:1.5;--upload-spacing-xs:4px;--upload-spacing-sm:8px;--upload-spacing-md:12px;--upload-spacing-lg:20px;--upload-spacing-xl:24px;width:100%;font-family:var(--upload-font-family);font-size:var(--upload-font-size);line-height:var(--upload-line-height);color:var(--upload-text-color);display:flex;flex-direction:column}.file-upload__items{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--upload-spacing-sm)!important;max-width:100%!important;box-sizing:border-box!important}.file-upload__items:empty{display:none}.file-upload__items:not(:empty){margin-bottom:var(--upload-spacing-sm)}.file-upload__dropzone{background-color:var(--upload-dropzone-bg);border-radius:var(--upload-border-radius);padding:var(--upload-dropzone-padding);text-align:center;cursor:pointer;transition:all .2s ease-in-out}.file-upload__dropzone--active,.file-upload__dropzone:hover{background-color:var(--upload-dropzone-hover-bg);border-color:var(--upload-dropzone-hover-border)}.file-upload__dropzone--disabled{opacity:.6;cursor:not-allowed}.file-upload__dropzone--disabled:hover{background-color:var(--upload-dropzone-bg);border-color:var(--upload-dropzone-border)}.file-upload__upload-text{margin-bottom:var(--upload-spacing-sm);font-size:var(--upload-font-size)}.file-upload__upload-text,.file-upload__upload-text-main{color:var(--upload-text-color)}.file-upload__upload-link{color:var(--upload-link-color);font-weight:var(--upload-link-weight);text-decoration:underline;cursor:pointer}.file-upload__upload-link:hover{opacity:.8}.file-upload__file-info{font-size:var(--upload-font-size);color:color-mix(in srgb,var(--upload-text-color) 70%,transparent);margin-bottom:var(--upload-spacing-xs)}.file-upload__file-types{color:inherit}.file-upload__max-size{color:color-mix(in srgb,var(--upload-text-color) 60%,transparent)}.file-upload__separator{color:color-mix(in srgb,var(--upload-text-color) 50%,transparent)}.file-upload__file-item{display:flex;align-items:center;gap:var(--upload-spacing-sm);padding-left:var(--upload-spacing-md);padding-right:var(--upload-spacing-md);background-color:var(--upload-dropzone-bg);border:1px solid var(--upload-border-color);border-radius:var(--upload-border-radius);position:relative;height:40px;min-width:0;overflow:hidden}.file-upload__file-icon{flex-shrink:0;width:20px;height:20px;color:var(--upload-primary-color)}.file-upload__file-info{flex:1;min-width:0;overflow:hidden}.file-upload__file-name{font-weight:400;color:var(--upload-primary-color);font-size:calc(var(--upload-font-size) - 2px)}.file-upload__file-name,.file-upload__file-name-main{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;min-width:0;max-width:100%}.file-upload__file-size{font-size:calc(var(--upload-font-size) - 4px);color:color-mix(in srgb,var(--upload-text-color) 70%,transparent)}.file-upload__file-size--error{color:#dc2626}.file-upload__file-actions{flex-shrink:0;height:12px;display:flex;align-items:center}.file-upload__file-action{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border:none;background:none;cursor:pointer;border-radius:4px;transition:opacity .2s ease;color:var(--upload-primary-color);opacity:.6}.file-upload__file-action:hover{opacity:1}.file-upload__file-action svg{width:12px;height:12px}.file-upload__file-progress{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 var(--upload-border-radius) var(--upload-border-radius);overflow:hidden}.file-upload__max-files-reached{text-align:center;padding:var(--upload-spacing-md);background-color:color-mix(in srgb,var(--upload-primary-color) 5%,transparent);border:1px solid color-mix(in srgb,var(--upload-primary-color) 20%,transparent);border-radius:var(--upload-border-radius);font-size:calc(var(--upload-font-size) - 2px);color:var(--upload-primary-color)}@media (max-width:640px){.file-upload{--upload-dropzone-padding:24px;--upload-spacing-lg:20px;--upload-spacing-xl:28px}.file-upload__file-item{gap:var(--upload-spacing-sm);padding-left:var(--upload-spacing-md);padding-right:var(--upload-spacing-md);height:40px}.file-upload__upload-icon{width:20px;height:20px}.file-upload__file-icon{width:12px;height:12px}}