textarea.svelte-n1ate4{border-radius:3px;border:1px solid var(--black);resize:vertical;padding:1.2rem;width:100%;transition:border-color .3s;font:var(--font);font-size:1.8rem;background-color:transparent;color:var(--text);margin-top:1.5rem}.text-input.svelte-n1ate4{position:relative;margin:.5rem 0 1.5rem}label.svelte-n1ate4{position:absolute;top:0;padding:1.5rem 1rem .5rem;margin-left:.5rem;pointer-events:none;transition:font-size .2s,line-height .3s,padding .3s;cursor:text;display:block;font-size:1.5rem}input.svelte-n1ate4{width:100%;color:var(--text);padding:2rem 1rem .5rem;border-top-right-radius:3px;border-top-left-radius:3px;border:none;background-color:transparent;font-size:1.8rem;font-family:var(--font)}input.svelte-n1ate4::placeholder{color:var(--text-second)}input.svelte-n1ate4:disabled~label:where(.svelte-n1ate4){color:gray}.line.svelte-n1ate4{position:absolute;height:1px;width:100%;left:0;bottom:0;background-color:var(--black)}.focused-line.svelte-n1ate4{height:0;width:0;transition:width .3s ease 0s;background-color:var(--flash);margin:auto}.prepend-icon-wrapper.svelte-n1ate4{position:absolute;top:0;left:0;padding:1.5rem 1rem 1rem;display:block}.append-icon-wrapper.svelte-n1ate4{position:absolute;top:0;right:0;padding:1.5rem 1rem 1rem;display:block}.clear-icon-wrapper.svelte-n1ate4{position:absolute;top:0;right:0;padding:1.5rem 1rem 1rem;display:block;cursor:pointer}.has-icon.svelte-n1ate4{padding-left:4rem}div.svelte-n1ate4:focus,input.svelte-n1ate4:focus,textarea.svelte-n1ate4:focus{outline:none}input.svelte-n1ate4:focus+label:where(.svelte-n1ate4){line-height:.05;font-size:1.2rem;color:var(--flash)}input.svelte-n1ate4+label.is-filled:where(.svelte-n1ate4){line-height:.05;font-size:1.2rem}input.svelte-n1ate4:focus~.line:where(.svelte-n1ate4){background-color:var(--flash)}input.svelte-n1ate4:focus~.line:where(.svelte-n1ate4)>.focused-line:where(.svelte-n1ate4){width:100%;height:2px}input.svelte-n1ate4:focus~.prepend-icon-wrapper:where(.svelte-n1ate4),input.svelte-n1ate4:focus~.append-icon-wrapper:where(.svelte-n1ate4){color:var(--flash)}textarea.svelte-n1ate4:focus{border-color:var(--flash);border-width:2px}textarea.svelte-n1ate4+label:where(.svelte-n1ate4){padding-top:2.5rem}textarea.svelte-n1ate4:focus+label:where(.svelte-n1ate4){line-height:.05;font-size:1.2rem;background-color:transparent;color:var(--flash);padding-top:0}textarea.svelte-n1ate4+label.is-filled:where(.svelte-n1ate4){line-height:.05;font-size:1.2rem;background-color:transparent;padding-top:0}