*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width:56.25em){html{font-size:50%}}body{background:var(--background);color:#444;font-family:Avenir,Arial,Helvetica,sans-serif;font-size:1.6rem}.container{width:90%;max-width:96rem;min-width:10rem;max-height:66rem;margin:8rem auto;border-radius:20px;box-shadow:2px 4px 6px rgba(28,6,49,.1);background:#fff;position:relative;overflow:hidden}input{width:100%;padding:1rem;border-radius:2rem;border:1px solid #eee;outline:none;color:var(--grey-light);margin:1rem auto}.error{color:#ff3f80;font-size:1.4rem}button{text-decoration:none;background:var(--primary);color:#fff;font-weight:700;border:0;border-radius:20px;padding:1rem 2rem;cursor:pointer}.cover{overflow:hidden;position:relative;border-radius:50px;height:6rem;width:6rem;background-color:#000;float:left}.icon{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;max-width:150%;max-height:150%}.spinner[data-v-57f1230f],.spinner[data-v-bd5d62c2]{margin-top:2rem}:root{--primary:#5ae4ca;--background:#e3e1ff;--grey-light:#999;--grey-dark:#444}.welcome{text-align:center;padding:3.8rem 0;font-size:1.6rem}.welcome h2{margin-top:2rem}.welcome span{font-weight:700;text-decoration:underline;cursor:pointer;color:var(--primary)}.welcome form{width:30rem;margin:2rem auto}.welcome label{display:block;margin:2rem 0 .1rem}.welcome button{margin:2rem auto}.welcome .error{margin-top:1.5rem}[data-v-3591942e]:root{--primary:#5ae4ca;--background:#e3e1ff;--grey-light:#999;--grey-dark:#444}nav[data-v-3591942e]{padding:2rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}nav .pen-icon[data-v-3591942e]{margin-left:.5rem}nav .cover[data-v-3591942e]{margin-right:2rem}nav p[data-v-3591942e]{margin:2px auto;font-size:16px;color:var(--grey-dark)}@media only screen and (max-width:37.5em){nav p[data-v-3591942e]{font-size:3rem;float:left;margin-top:1.5rem}}nav span[data-v-3591942e]{display:none}@media only screen and (max-width:37.5em){nav button[data-v-3591942e]{padding:1rem}}nav .email[data-v-3591942e]{font-size:1.4rem;color:var(--grey-light)}@media only screen and (max-width:37.5em){nav .email[data-v-3591942e]{display:none}}[data-v-4e36511a]:root{--primary:#5ae4ca;--background:#e3e1ff;--grey-light:#999;--grey-dark:#444}form[data-v-4e36511a]{margin:1rem}form textarea[data-v-4e36511a]{width:100%;max-width:100%;margin-bottom:6px;padding:1rem;box-sizing:border-box;border:0;border-radius:2rem;font-family:inherit;outline:none}[data-v-10b01756]:root{--primary:#5ae4ca;--background:#e3e1ff;--grey-light:#999;--grey-dark:#444}.chat-window[data-v-10b01756]{background:#fafafa;padding:3rem 2rem;min-height:46rem}@media only screen and (max-width:56.25em){.chat-window[data-v-10b01756]{min-height:70vh}}@media only screen and (max-width:37.5em){.chat-window[data-v-10b01756]{min-height:75vh}}.single[data-v-10b01756]{margin:1.8rem 0 1.8rem 1.3rem}.cover[data-v-10b01756]{margin-right:2rem}.created-at[data-v-10b01756]{display:block;color:var(--grey-light);font-size:1.2rem;margin-bottom:4px}.name[data-v-10b01756]{font-weight:700;margin-right:6px;display:block}.messages[data-v-10b01756]{max-height:40rem;overflow:auto}@media only screen and (max-width:56.25em){.messages[data-v-10b01756]{min-height:63vh}}@media only screen and (max-width:37.5em){.messages[data-v-10b01756]{min-height:75vh}}.currentUser[data-v-10b01756]{text-align:right;margin-right:1.5rem}.currentUser .cover[data-v-10b01756]{margin-left:2rem;float:right}span[data-v-10b01756]{margin:.5rem 0}[data-v-2acbdf94]:root{--primary:#5ae4ca;--background:#e3e1ff;--grey-light:#999;--grey-dark:#444}.current-user[data-v-2acbdf94]{padding:1rem 1rem;min-height:70rem;position:absolute;top:0;bottom:0;left:0;right:-1.7rem;overflow-y:scroll}@media only screen and (max-width:56.25em){.current-user[data-v-2acbdf94]{bottom:-1.7rem}}.current-user .title[data-v-2acbdf94]{font-weight:700;margin:2rem 0;position:relative;right:-1.3rem}.current-user .user-container[data-v-2acbdf94]{display:flex;flex-wrap:wrap;position:relative;right:-1rem}.current-user .single[data-v-2acbdf94]{text-align:center;margin:1rem 0;display:flex;flex-direction:column;position:relative}.current-user .single .status[data-v-2acbdf94]{position:absolute;z-index:10;width:1.5rem;height:1.5rem;border-radius:20px;bottom:30%;right:0}.current-user .single .online[data-v-2acbdf94]{background:#adff2f}.current-user .single .away[data-v-2acbdf94]{background:orange}.current-user .single .cover[data-v-2acbdf94]{margin-bottom:1rem}.current-user .single p[data-v-2acbdf94]{color:var(--grey-dark);font-weight:600}[data-v-746e9cee]:root{--primary:#5ae4ca;--background:#e3e1ff;--grey-light:#999;--grey-dark:#444}.palette[data-v-746e9cee]{background-color:#fff;height:6rem;min-width:6rem;border-radius:50px;position:relative;cursor:pointer;margin-left:4rem;margin-top:4rem}@media only screen and (max-width:56.25em){.palette[data-v-746e9cee]{margin-right:2rem}}@media only screen and (max-width:37.5em){.palette[data-v-746e9cee]{display:none}}.palette .palette-icon[data-v-746e9cee]{position:absolute;top:25%;right:23%}.palette:hover ul[data-v-746e9cee]{display:block}.palette ul[data-v-746e9cee]{padding-top:6rem;display:none}.palette .colors[data-v-746e9cee]{list-style:none;width:5rem;height:5rem;margin:2.5rem auto;border-radius:50px;border:4px solid #fff}.palette #grey[data-v-746e9cee]{background-color:#e3e1ff}.palette #blue[data-v-746e9cee]{background-color:#3498db}.palette #red[data-v-746e9cee]{background-color:#e74c3c}.palette #yellow[data-v-746e9cee]{background-color:#f1c40f}.palette #orange[data-v-746e9cee]{background-color:#e67e22}.palette #green[data-v-746e9cee]{background-color:#2ecc71}[data-v-762785a0]:root{--primary:#5ae4ca;--background:#e3e1ff;--grey-light:#999;--grey-dark:#444}.outer[data-v-762785a0]{display:flex;justify-content:center}@media only screen and (max-width:37.5em){.outer[data-v-762785a0]{flex-direction:column;height:100vh}}.outer .container[data-v-762785a0]{margin:4rem 0}@media only screen and (max-width:56.25em){.outer .container[data-v-762785a0]{min-height:90vh}}@media only screen and (max-width:37.5em){.outer .container[data-v-762785a0]{width:100%;border-radius:0;min-height:100vh;margin:0}}.outer .currentUser[data-v-762785a0]{width:10rem;margin-right:5rem}@media only screen and (max-width:56.25em){.outer .currentUser[data-v-762785a0]{margin-left:1.5rem}}@media only screen and (max-width:37.5em){.outer .currentUser[data-v-762785a0]{display:none}}[data-v-0c7bf9dd]:root{--primary:#5ae4ca;--background:#e3e1ff;--grey-light:#999;--grey-dark:#444}.container[data-v-0c7bf9dd]{text-align:center;padding:3.8rem 0;font-size:1.6rem;width:100%}.container .profile[data-v-0c7bf9dd]{margin:20px auto;width:15rem;height:15rem;position:relative;border-radius:100px;background-color:#4169e1;overflow:hidden}.container .profile img[data-v-0c7bf9dd]{max-width:300px;max-height:300px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.container .profile .photo[data-v-0c7bf9dd]{cursor:pointer;position:absolute;bottom:0;right:45%}.container .profile #photo[data-v-0c7bf9dd]{visibility:hidden;position:absolute;right:50%}.container h2[data-v-0c7bf9dd]{margin-top:2rem}.container form[data-v-0c7bf9dd]{width:80rem;margin:2rem auto}@media only screen and (max-width:37.5em){.container form[data-v-0c7bf9dd]{width:40rem}}@media only screen and (max-width:25em){.container form[data-v-0c7bf9dd]{width:30rem}}.container .form-group[data-v-0c7bf9dd]{display:flex;flex-direction:column;width:100%}.container label[data-v-0c7bf9dd]{display:block;margin:2rem 0 .1rem}.container .name[data-v-0c7bf9dd]{width:35%}.container .description[data-v-0c7bf9dd]{width:60%}.container button[data-v-0c7bf9dd]{margin:2rem 1rem 0 1rem}.container .error[data-v-0c7bf9dd]{margin-top:1.5rem}[data-v-96c95408]:root{--primary:#5ae4ca;--background:#e3e1ff;--grey-light:#999;--grey-dark:#444}.container[data-v-96c95408]{text-align:center;padding:3.8rem 0;font-size:1.6rem}.container .profile[data-v-96c95408]{margin:20px auto;width:150px;height:150px;position:relative;border-radius:100px;background-color:#4169e1;overflow:hidden}.container .profile img[data-v-96c95408]{max-width:300px;max-height:300px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.container .profile .photo[data-v-96c95408]{cursor:pointer;position:absolute;bottom:0;right:45%}.container .profile #photo[data-v-96c95408]{visibility:hidden;position:absolute;right:50%}.container h2[data-v-96c95408]{color:var(--grey-dark)}.container h3[data-v-96c95408]{color:var(--grey-light);margin-top:.5rem;border-bottom:2px solid hsla(0,0%,60%,.6);display:inline-block;margin-bottom:1rem;padding:1rem 4rem;font-size:2rem}.container form[data-v-96c95408]{width:30rem;margin:2rem auto}.container label[data-v-96c95408]{display:block;margin:2rem 0 .1rem}.container .name[data-v-96c95408]{width:100%;padding:1rem;border-radius:2rem;border:1px solid #eee;outline:none;color:var(--grey-light);margin:1rem auto}.container button[data-v-96c95408]{margin:2rem 1rem 0 1rem}.container .error[data-v-96c95408]{margin-top:1.5rem}.spinner[data-v-5e22ef30]{display:flex;justify-content:center;align-items:center;width:100%}.lds-roller[data-v-5e22ef30]{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div[data-v-5e22ef30]{-webkit-animation:lds-roller-5e22ef30 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller-5e22ef30 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div[data-v-5e22ef30]:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#929292;margin:-4px 0 0 -4px}.lds-roller div[data-v-5e22ef30]:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div[data-v-5e22ef30]:first-child:after{top:63px;left:63px}.lds-roller div[data-v-5e22ef30]:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div[data-v-5e22ef30]:nth-child(2):after{top:68px;left:56px}.lds-roller div[data-v-5e22ef30]:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div[data-v-5e22ef30]:nth-child(3):after{top:71px;left:48px}.lds-roller div[data-v-5e22ef30]:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div[data-v-5e22ef30]:nth-child(4):after{top:72px;left:40px}.lds-roller div[data-v-5e22ef30]:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div[data-v-5e22ef30]:nth-child(5):after{top:71px;left:32px}.lds-roller div[data-v-5e22ef30]:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div[data-v-5e22ef30]:nth-child(6):after{top:68px;left:24px}.lds-roller div[data-v-5e22ef30]:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div[data-v-5e22ef30]:nth-child(7):after{top:63px;left:17px}.lds-roller div[data-v-5e22ef30]:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div[data-v-5e22ef30]:nth-child(8):after{top:56px;left:12px}@-webkit-keyframes lds-roller-5e22ef30{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-roller-5e22ef30{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}