div.svelte-1sy4zqx.svelte-1sy4zqx{position:relative}input.svelte-1sy4zqx.svelte-1sy4zqx{border:1px solid lightgray;padding:.35em .45em;transition:.4s;background:transparent;color:var(--mainColor)}input.svelte-1sy4zqx.svelte-1sy4zqx:focus{outline:none}input.svelte-1sy4zqx~span.svelte-1sy4zqx:before,input.svelte-1sy4zqx~span.svelte-1sy4zqx:after{content:"";position:absolute;top:0;left:50%;width:0;height:1px;background-color:var(--mainColor);transition:.4s}input.svelte-1sy4zqx~span.svelte-1sy4zqx:after{top:auto;bottom:0}input~span.svelte-1sy4zqx i.svelte-1sy4zqx:before,input~span.svelte-1sy4zqx i.svelte-1sy4zqx:after{content:"";position:absolute;top:50%;left:0;width:1px;height:0;background-color:var(--mainColor);transition:.6s}input~span.svelte-1sy4zqx i.svelte-1sy4zqx:after{left:auto;right:0}input.svelte-1sy4zqx:focus~span.svelte-1sy4zqx:before,input.svelte-1sy4zqx:focus~span.svelte-1sy4zqx:after{left:0;width:100%;transition:.4s}input:focus~span.svelte-1sy4zqx i.svelte-1sy4zqx:before,input:focus~span.svelte-1sy4zqx i.svelte-1sy4zqx:after{top:-1px;height:100%;transition:.6s}input.svelte-1sy4zqx~p.svelte-1sy4zqx{position:absolute;width:100%;left:14px;top:50%;transform:translateY(-50%);transition:.3s;letter-spacing:.5px;pointer-events:none}input.svelte-1sy4zqx:focus~p.svelte-1sy4zqx,input.svelte-1sy4zqx:valid~p.svelte-1sy4zqx{top:-18px;left:0;font-size:12px;color:var(--mainColor);transition:.3s}input.svelte-1sy4zqx:not(:focus)~p.svelte-1sy4zqx{color:#aaa}