.signup.svelte-42po6e{box-shadow:.04rem .04rem .6rem rgba(0,0,0,.822);display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;position:fixed;padding:2rem 0;left:50%;top:50%;width:55rem;height:66rem;transform:translate(-50%,-50%);background-color:var(--primary);border-radius:1rem;text-align:center}@media(max-width:100em){.signup.svelte-42po6e{width:33%;height:calc(100% - 17rem)}}@media(max-width:75em){.signup.svelte-42po6e{width:80rem}}@media(max-width:48em){.signup.svelte-42po6e{transform:translate(0);top:10rem;left:0;width:100%;min-height:calc(100vh - 20rem);font-size:1.8rem}}.signup__item.svelte-42po6e{position:relative;width:60%;height:4.5rem;border-radius:.3rem}@media(max-width:48em){.signup__item.svelte-42po6e{height:7rem}}.signup__input.svelte-42po6e{padding:.8rem;outline:0;font-size:1.7rem;background-color:var(--input-bg);color:var(--input-text);border:.2rem solid rgba(85,85,85,.301);transition:all .3s ease}@media(max-width:87.5em){.signup__input.svelte-42po6e{font-size:1.4rem}}@media(max-width:48em){.signup__input.svelte-42po6e{font-size:2rem;padding-left:1.5rem}}.signup__input.svelte-42po6e:hover{background-color:var(--primary-light)}.signup__input.svelte-42po6e:focus{border:.2rem solid var(--accent-light)}.signup__username.svelte-42po6e{display:none}.button-size.svelte-42po6e{width:60%;height:4.5rem}@media(max-width:48em){.button-size.svelte-42po6e{height:7rem}}.title.svelte-42po6e{font-size:2.2rem;color:var(--secondary-text)}@media(max-width:48em){.title.svelte-42po6e{font-size:3.5rem}}.account-text.svelte-42po6e{cursor:default;text-decoration:none;color:var(--secondary-text);font-size:1.2rem;transition:all .3s ease;width:60%}@media(max-width:87.5em){.account-text.svelte-42po6e{font-size:1.4rem}}@media(max-width:48em){.account-text.svelte-42po6e{font-size:2rem}}.terms-text.svelte-42po6e{text-decoration:none;color:var(--secondary-text);font-size:1.3rem;transition:all .3s ease;width:60%}@media(max-width:87.5em){.terms-text.svelte-42po6e{font-size:1.6rem}}@media(max-width:48em){.terms-text.svelte-42po6e{font-size:2rem}}.terms-text.svelte-42po6e:hover{color:var(--primary-text)}.eye.svelte-42po6e{position:absolute;cursor:pointer;right:1rem;fill:#fff;width:2.5rem;height:2.5rem}.box-size.svelte-42po6e{width:100%;height:100%}.password-container.svelte-42po6e{display:flex;align-items:center;position:relative;width:60%;height:4.5rem;border-radius:.3rem}@media(max-width:48em){.password-container.svelte-42po6e{height:7rem}}