.container[data-v-07ffcc5c]{display:block;align-items:center;justify-content:center;text-align:center}.logo[data-v-07ffcc5c]{background-image:linear-gradient(to bottom right,var(--secondary-blue),var(--background) 70%);border-left:6px solid var(--secondary-blue);border-top:3px solid var(--secondary-blue);border-radius:40px 40px 40px 0;padding:10px 20px;width:max-content;text-align:center;overflow:visible}.name[data-v-07ffcc5c]{font-size:48px;background:linear-gradient(to right,var(--primary-blue),var(--primary-green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;overflow:visible}.tongue[data-v-07ffcc5c]{font-weight:700;font-size:100px}.tagline[data-v-07ffcc5c]{color:var(--primary-green)}h1[data-v-3dc5e146]{margin:0}h3[data-v-3dc5e146]{text-align:center}.login-view[data-v-3dc5e146]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:20px;transition:all .4s linear}.login-view.centered[data-v-3dc5e146]{transform:translate(20px)}.login-form[data-v-3dc5e146]{background-color:var(--secondary-blue);color:var(--text-dark);box-sizing:border-box;border-radius:5px;padding:20px;font-size:small;display:flex;flex-direction:column;align-items:center;gap:10px;width:200px}.form-item[data-v-3dc5e146]{box-sizing:border-box;width:160px}.form-item label[data-v-3dc5e146]{display:inline-block;margin-bottom:5px}.login-button[data-v-3dc5e146]{font-size:medium;color:var(--text-light);background-color:var(--primary-green);border-radius:999px;padding:5px 10px;border:0}.login-button[data-v-3dc5e146]:active{transform:scale(97%)}.requirements[data-v-3dc5e146]{font-size:small;box-sizing:border-box;font-size:12px}.requirements li[data-v-3dc5e146]{color:gray}.requirements ul[data-v-3dc5e146]{margin:0 0 10px;padding-left:20px}.password-header[data-v-3dc5e146]{display:flex;justify-content:space-between;align-items:center}.switch[data-v-3dc5e146]{position:relative;display:inline-block;width:40px;height:20px}.switch input[data-v-3dc5e146]{opacity:0;width:0;height:0}.slider[data-v-3dc5e146]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:34px;transition:background-color .25s ease}.slider[data-v-3dc5e146]:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;transition:transform .25s ease}.switch input:checked+.slider[data-v-3dc5e146]{background-color:#007aff}.switch input:checked+.slider[data-v-3dc5e146]:before{transform:translate(20px)}h1[data-v-064136e8]{margin:0}h3[data-v-064136e8]{text-align:center}.success[data-v-064136e8]{max-width:200px;background-color:var(--secondary-blue);padding:10px;border-radius:3px}.login-view[data-v-064136e8]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:20px}.login-form[data-v-064136e8]{background-color:var(--secondary-blue);color:var(--text-dark);box-sizing:border-box;border-radius:5px;padding:20px;font-size:small;display:flex;flex-direction:column;align-items:center;gap:10px;width:200px}.form-item[data-v-064136e8]{box-sizing:border-box;width:160px}.form-item label[data-v-064136e8]{display:inline-block;margin-bottom:5px}.login-button[data-v-064136e8]{font-size:medium;color:var(--text-light);background-color:var(--primary-green);border-radius:999px;padding:5px 10px;border:0}.login-button[data-v-064136e8]:active{transform:scale(97%)}.requirements[data-v-064136e8]{color:var(--primary-green);font-size:small;box-sizing:border-box;font-size:12px}.requirements span[data-v-064136e8]{display:block;margin-top:10px;margin-bottom:5px}.requirements ul[data-v-064136e8]{margin:0 0 10px;padding-left:20px}.password-header[data-v-064136e8]{display:flex;justify-content:space-between;align-items:center}.switch[data-v-064136e8]{position:relative;display:inline-block;width:40px;height:20px}.switch input[data-v-064136e8]{opacity:0;width:0;height:0}.slider[data-v-064136e8]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:34px;transition:background-color .25s ease}.slider[data-v-064136e8]:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;transition:transform .25s ease}.switch input:checked+.slider[data-v-064136e8]{background-color:#007aff}.switch input:checked+.slider[data-v-064136e8]:before{transform:translate(20px)}[data-v-9711aab0]{box-sizing:border-box}h2[data-v-9711aab0]{color:var(--text-light)}.none[data-v-9711aab0]{color:var(--text-light);font-size:small}.add-friend[data-v-9711aab0]{margin-top:50px}.main-content[data-v-9711aab0]{display:flex;flex-direction:row;gap:20px;height:90vh;aspect-ratio:1/1;border:3px solid var(--secondary-green);background-color:var(--secondary-blue);overflow:hidden}.sidebar[data-v-9711aab0]{display:flex;flex-direction:column;width:260px;padding:10px;border-radius:5px;height:100%;overflow-y:auto;background-color:var(--primary-blue)}.main-view[data-v-9711aab0]{display:flex;flex:1;height:100%;overflow:hidden}.friend-list[data-v-9711aab0]{display:flex;margin-bottom:5px}.user-button[data-v-9711aab0]{margin-right:10px}.user-button[data-v-9711aab0],.send-button[data-v-9711aab0],.chat-button[data-v-9711aab0]{font-size:small;color:var(--text-light);background-color:var(--primary-green);border-radius:999px;padding:5px 10px;border:0;gap:5px}.remove[data-v-9711aab0],.answer-no[data-v-9711aab0]{border-radius:999px;border:none;font-size:small;padding:5px 10px;color:var(--text-light)}.answer-yes[data-v-9711aab0]{border-radius:999px;border:none;font-size:small;padding:5px 10px;margin-right:5px;background-color:var(--primary-green)}.user-button[data-v-9711aab0]:active,.send-button[data-v-9711aab0]:active{transform:scale(97%)}.profile[data-v-436bd754]{display:flex;flex-direction:column;gap:5px;color:var(--text-light)}.friend-list[data-v-436bd754]{display:flex;flex-direction:row}.profile[data-v-bbed7906]{display:flex;flex-direction:column;gap:5px}h1[data-v-bbed7906],h2[data-v-bbed7906]{color:var(--text-light)}.member-list[data-v-bbed7906]{display:flex;flex-direction:row;color:var(--text-light)}.button[data-v-bbed7906]{font-size:medium;color:var(--text-light);background-color:var(--primary-green);border-radius:999px;padding:5px 10px;border:0}.leave[data-v-bbed7906]{border-radius:999px;border:none;font-size:small;padding:5px 10px;color:var(--text-light)}.messenger[data-v-83abe596]{display:flex;flex-direction:column;gap:8px;padding:15px;height:100%;width:100%;overflow-y:auto;background-color:var(--primary-blue);border-radius:10px;overflow:hidden}.chat-head[data-v-83abe596]{text-align:center;color:var(--text-light)}.messages[data-v-83abe596]{display:flex;flex:1;flex-direction:column;padding:15px;gap:8px;overflow-y:auto}.text-input[data-v-83abe596]{display:flex;gap:8px;padding:10px;border-top:2px solid var(--secondary-green);background-color:var(--primary-blue)}.text-input input[data-v-83abe596]{flex:1;padding:10px;border-radius:18px;border:none;outline:none}.text-input button[data-v-83abe596]{padding:10px 16px;border-radius:18px;border:none;background-color:#0b93f6;color:#fff;cursor:pointer}.message-row[data-v-83abe596]{display:flex;min-width:20vw;width:100%}.message-row.me[data-v-83abe596]{justify-content:flex-end}.message-row.them[data-v-83abe596]{justify-content:flex-start}.bubble[data-v-83abe596]{max-width:60%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4;word-wrap:break-word}.message-row.me .bubble[data-v-83abe596]{background-color:#0b93f6;color:#fff;border-bottom-right-radius:4px}.message-row.them .bubble[data-v-83abe596]{background-color:#fff;color:#000;border-bottom-left-radius:4px}.name[data-v-83abe596]{font-size:11px;margin-bottom:2px}.text[data-v-83abe596]{white-space:pre-wrap}:root{--primary-blue: #5DADE2;--secondary-blue: #85C1E9;--primary-green: #58D68D;--secondary-green: #A9DFBF;--background: #F8F9F9;--text-dark: #2F4F4F;--text-light: #FDFEFE}.app{background-color:var(--background);min-height:100vh;display:flex;flex-direction:column;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.navbar{display:flex;flex-direction:row;gap:10px;padding:10px;border-radius:5px;justify-content:flex-end;background-color:var(--primary-blue)}.welcome{margin-right:auto;margin-top:5px;justify-content:flex-start;color:var(--text-light)}.link{display:inline-block;padding:5px 10px;border-radius:999px;color:var(--text-light)}.router-link-active{background-color:var(--background);color:var(--text-dark);transition:background-color .25s ease-in,color 0s ease-in .25s}.router-link-exact-active{background-color:var(--primary-green);color:var(--text-dark);transition:background-color .25s ease-in,color 0s ease-in .25s}.main-content{display:flex;flex:1;justify-content:center;align-items:center;padding:10px}