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