.file-upload.svelte-1c8a7za{width:220px;padding:.75rem;border-radius:.5rem;box-sizing:border-box;border:2px dashed var(--color-light-gray);aspect-ratio:1;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;background-color:var(--color-off-white);position:relative}.file-upload.svelte-1c8a7za #file-upload-input:where(.svelte-1c8a7za){position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;box-sizing:border-box;cursor:pointer;z-index:0}@media only screen and (max-width: 600px){.file-upload.svelte-1c8a7za .drag-and-drop-message:where(.svelte-1c8a7za){display:none}}.file-upload.svelte-1c8a7za .upload-buttons:where(.svelte-1c8a7za){z-index:1;display:flex;gap:.5rem}.file-upload__icon.svelte-1c8a7za{color:var(--color-light-gray);transition:color .2s ease;font-size:82px}.file-upload.svelte-1c8a7za p:where(.svelte-1c8a7za){margin:0;font-size:.875rem;color:var(--color-gray);margin-bottom:.5rem}.file-upload.svelte-1c8a7za:hover{border-color:var(--color-primary);background-color:transparent}.file-upload.svelte-1c8a7za:hover .file-upload__icon:where(.svelte-1c8a7za){color:var(--color-primary)}.file-upload.svelte-1c8a7za:hover p:where(.svelte-1c8a7za){color:var(--color-primary)}.file-upload.svelte-1c8a7za .file-preview:where(.svelte-1c8a7za){width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:1}.file-upload.svelte-1c8a7za .file-preview:where(.svelte-1c8a7za) .action-buttons:where(.svelte-1c8a7za){position:absolute;top:.5rem;right:.5rem;z-index:3}.file-upload.svelte-1c8a7za .file-preview:where(.svelte-1c8a7za) img:where(.svelte-1c8a7za){width:100%;height:100%;object-fit:cover;object-position:center;border-radius:.5rem;border:1px solid var(--color-light-gray)}.file-upload.has-preview.svelte-1c8a7za{border-color:transparent}