.login.svelte-4n681h{display:flex;height:100vh;align-items:center;justify-content:center;background-color:#333}form.svelte-4n681h{display:flex;flex-direction:column;max-width:40em;width:100%;min-height:20em;padding:3em;align-items:center;justify-content:center;background-color:#333;border-radius:1em}form.failed.svelte-4n681h{box-shadow:0 0 2em #bc0000}form.ok.svelte-4n681h{box-shadow:0 0 2em #0062ff}input.svelte-4n681h{margin-top:2em;max-width:20em;height:2em;width:100%;background-color:#333;color:#ccc}input.field.svelte-4n681h{border:none;border-bottom:2px solid #0062ff}input.field.failure.svelte-4n681h{border:none;border-bottom:2px solid #bc0000}p.failure.message.svelte-4n681h{color:#ccc;min-height:2em}input.button.svelte-4n681h{background-color:#0062ff;border:none;border-radius:.5em;color:#ccc;font-weight:700;height:auto;font-size:1.5em;max-width:10em;padding:.75em}input.svelte-4n681h::placeholder{color:#ccc}input.field.svelte-4n681h:focus{outline:none;border-bottom:2px solid #cccccc}input.button.svelte-4n681h:hover:focus{background-color:#3381ff}input.button.svelte-4n681h:hover{background-color:#0054db}