.fileinput.svelte-13t2k2w{border:var(--border) 3px dashed;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:30px;transition:all .2s;display:flex;position:relative}.fileinput.svelte-13t2k2w:not(:has(button:hover)):hover{border-color:var(--foreground-sec)}.fileinput.svelte-13t2k2w input:where(.svelte-13t2k2w){opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.fileinput.svelte-13t2k2w .material-icons:where(.svelte-13t2k2w){font-size:40px}.fileinput.svelte-13t2k2w button:where(.svelte-13t2k2w){all:unset;background:var(--foreground-sec);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:-10px;right:-10px}.fileinput.svelte-13t2k2w button:where(.svelte-13t2k2w) span:where(.svelte-13t2k2w){color:var(--red);font-size:20px!important}.anim-appear.svelte-13t2k2w{width:100%}.error.svelte-13t2k2w{color:var(--red);text-align:center;animation:.5s appear}.encode.svelte-13t2k2w{flex-direction:column;gap:10px;display:flex}.encoded.svelte-13t2k2w{flex-direction:column;align-items:center;gap:20px;margin-top:15px;display:flex}.arrow.svelte-13t2k2w{text-align:center}.encoded.svelte-13t2k2w img:where(.svelte-13t2k2w){aspect-ratio:1;border:var(--border) 1px solid;border-radius:10px;width:400px;max-width:100%}.decoded.svelte-13t2k2w{flex-direction:column;align-items:center;gap:10px;margin-top:15px;display:flex}.decoded.svelte-13t2k2w .header:where(.svelte-13t2k2w){align-items:center;gap:10px;margin-top:10px;display:flex}.advanced.svelte-13t2k2w{border:var(--border) 1px solid;border-radius:10px;flex-direction:column;gap:10px;margin-top:10px;padding:15px;display:flex}.buttons.svelte-13t2k2w{gap:10px;width:100%;display:flex}