div.svelte-1xpvplo.svelte-1xpvplo{position:relative}input.svelte-1xpvplo.svelte-1xpvplo{border:0;padding:4px 0;border-bottom:1px solid lightgrey;background-color:transparent;color:var(--mainColor)}input.svelte-1xpvplo.svelte-1xpvplo:focus{outline:none}input.svelte-1xpvplo~span.svelte-1xpvplo{position:absolute;bottom:0;left:0;width:100%;height:1px;z-index:99}input.svelte-1xpvplo~span.svelte-1xpvplo:before,input.svelte-1xpvplo~span.svelte-1xpvplo:after{content:"";position:absolute;bottom:0;left:0;width:0;height:100%;background-color:var(--mainColor);transition:.4s}input.svelte-1xpvplo~span.svelte-1xpvplo:after{left:auto;right:0}input.svelte-1xpvplo:focus~span.svelte-1xpvplo:before,input.svelte-1xpvplo:focus~span.svelte-1xpvplo:after{width:50%;transition:.4s}input.svelte-1xpvplo~p.svelte-1xpvplo{position:absolute;left:0;width:100%;top:9px;transition:.3s;pointer-events:none;letter-spacing:.5px}input.svelte-1xpvplo:focus~p.svelte-1xpvplo,input.svelte-1xpvplo:valid~p.svelte-1xpvplo{top:-16px;font-size:12px;color:var(--mainColor);transition:.3s}input.svelte-1xpvplo:not(:focus)~p.svelte-1xpvplo{color:#aaa}