div.svelte-1dfung4.svelte-1dfung4{position:relative}input.svelte-1dfung4.svelte-1dfung4{border:1px solid lightgray;padding:.35em .45em;transition:.4s;color:var(--mainColor);background-color:transparent}input.svelte-1dfung4.svelte-1dfung4:focus{outline:none}input.svelte-1dfung4~span.svelte-1dfung4:before,input.svelte-1dfung4~span.svelte-1dfung4:after{content:"";position:absolute;top:0;left:0;width:0;height:1px;background-color:var(--mainColor);transition:.3s}input.svelte-1dfung4~span.svelte-1dfung4:after{top:auto;bottom:0;left:auto;right:0}input~span.svelte-1dfung4 i.svelte-1dfung4:before,input~span.svelte-1dfung4 i.svelte-1dfung4:after{content:"";position:absolute;top:0;left:0;width:1px;height:0;background-color:var(--mainColor);transition:.4s}input~span.svelte-1dfung4 i.svelte-1dfung4:after{left:auto;right:0;top:auto;bottom:0}input.svelte-1dfung4:focus~span.svelte-1dfung4:before,input.svelte-1dfung4:focus~span.svelte-1dfung4:after{width:100%;transition:.3s}input:focus~span.svelte-1dfung4 i.svelte-1dfung4:before,input:focus~span.svelte-1dfung4 i.svelte-1dfung4:after{height:100%;transition:.4s}