.form-container.svelte-1x05zx6{display:flex;justify-content:center;padding:3rem 1rem}.form-background.svelte-1x05zx6{background-color:var(--color-primary);padding:4rem 2rem;width:100%;max-width:45rem;border-radius:var(--border-radius)}form.svelte-1x05zx6{width:100%;display:flex;justify-content:center}.form-login.svelte-1x05zx6{display:flex;gap:1em;flex-direction:column;align-items:center;background-color:var(--color-neutral-white);border:none;border-radius:var(--border-radius);padding:3rem 2.5rem;width:100%;max-width:26rem}.form-title.svelte-1x05zx6{color:var(--color-primary);text-align:center;font-size:2.2rem;font-weight:700;margin:0 0 1rem}span.svelte-1x05zx6:before{content:" "}.error-message.svelte-1x05zx6{color:red;padding-top:0}input.svelte-1x05zx6{background-color:var(--color-neutral-white);border:1px solid var(--color-neutral-grey);border-radius:8px;height:3.2rem;width:100%;padding:0 1rem;font-size:1rem;color:var(--color-neutral-black);box-sizing:border-box;transition:all .2s ease-in-out}input.svelte-1x05zx6::placeholder{color:var(--color-neutral-black)}input.svelte-1x05zx6:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light);outline:none}span.svelte-1x05zx6:before{content:" ";display:block}input.svelte-1x05zx6:user-invalid{border-color:red;background-color:#fff5f5;outline:none;animation:svelte-1x05zx6-shake .6s ease-in-out}input.svelte-1x05zx6:user-invalid:focus{border:1px solid red}input.svelte-1x05zx6:focus{border:4px solid var(--color-primary);transition-duration:.2s;outline:none}.form-link.svelte-1x05zx6{padding-top:1.5rem;display:flex;gap:.4rem;color:var(--color-neutral-darkgrey);font-size:.9rem}a.svelte-1x05zx6:hover{color:var(--color-neutral-darkgrey);text-decoration:underline}.link-password.svelte-1x05zx6{align-self:flex-end;padding-top:.5rem}@media screen and (max-width:480px){.form-login.svelte-1x05zx6{padding:2rem 1.5rem}}@keyframes svelte-1x05zx6-shake{0%{transform:rotate(0)}10%{transform:rotate(2deg)}20%{transform:rotate(2deg)}30%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}60%{transform:rotate(2deg)}70%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}90%{transform:rotate(-2deg)}to{transform:rotate(0)}}