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