html[data-v-355a5e25],body[data-v-355a5e25],[data-v-355a5e25]{margin:0;padding:0;font-family:SN Pro,"sans-serif"}.app[data-v-355a5e25]{height:100vh;width:100vw;justify-self:center;box-sizing:border-box;padding:20px;display:flex;flex-direction:column;position:relative;max-height:100%}nav[data-v-355a5e25]{background-color:#d9c76f;height:80px}main[data-v-355a5e25]{background-color:#fff1ab;opacity:90%;height:100%}footer[data-v-355a5e25]{background-color:#d9c76f;height:80px}footer p[data-v-355a5e25]{justify-self:center;padding:30px;font-size:1.2em}#logo[data-v-355a5e25]{height:60vh;width:50vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;filter:grayscale(100%)}.links-right[data-v-355a5e25]{padding:20px;margin-right:10px;display:flex;justify-content:flex-end;gap:10px}#createLink[data-v-355a5e25],#signinLink[data-v-355a5e25]{display:inline-flex}#signoutLink[data-v-355a5e25]{display:inline-flex;cursor:pointer}#userInfo[data-v-355a5e25]{display:inline-block;padding:10px 15px;border-radius:999px;color:#000;text-decoration:none;background-color:#d49a36;border:none;font-size:1em}a[data-v-355a5e25]{display:inline-block;padding:10px 15px;border-radius:999px;color:#000;text-decoration:none;background-color:#d48f17}.router-link-active[data-v-355a5e25]{background-color:#965e0f;transition:background-color .25s ease-in,color 0s ease-in .25s}.loginView[data-v-bd84c145]{height:100%;width:100%;z-index:10;justify-content:center;align-content:center}a[data-v-bd84c145]{display:inline-block;padding:5px 10px;border-radius:999px;color:#000}.main[data-v-bd84c145]{overflow:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .8s ease;gap:20px}.loginComponent[data-v-bd84c145]{display:flex;justify-content:center;gap:20px;transition:all .8s ease}.loginForm[data-v-bd84c145]{background-color:#d48f17;box-sizing:border-box;padding:30px;border-radius:50px;font-size:small;display:flex;flex-direction:column;align-items:center;gap:10px;width:300px}h1[data-v-bd84c145]{text-align:center;display:block;font-size:2em;margin-block-start:.67em;margin-block-end:.67em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;unicode-bidi:isolate;margin:0}h3[data-v-bd84c145]{text-align:center;display:block;font-size:1.17em;margin-block-start:1em;margin-block-end:.5em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700}.usernameField[data-v-bd84c145],.passwordField[data-v-bd84c145]{box-sizing:border-box;width:160px;margin-bottom:5px;justify-self:center}label[data-v-bd84c145]{display:inline-block;margin-bottom:5px}input[data-v-bd84c145]{box-sizing:border-box;width:100%;margin-bottom:5px}button[data-v-bd84c145]{font-size:medium;color:#f8f8f8;background-color:#000;border-radius:999px;padding:10px 15px;border:0;display:flex;justify-self:center;margin-top:15px}button[data-v-bd84c145]:active{transform:scale(.97)}ul[data-v-bd84c145]{padding-left:15px;margin:3px 0 10px}.switch[data-v-bd84c145]{position:relative;display:inline-block;width:30px;height:18px}.switch input[data-v-bd84c145]{opacity:0;width:0;height:0}.slider[data-v-bd84c145]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider[data-v-bd84c145]:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-bd84c145]{background-color:#4a90e2}input:checked+.slider[data-v-bd84c145]:before{transform:translate(12px)}.passwordLabel[data-v-bd84c145]{display:flex;justify-content:space-between;align-items:center;width:150%}.error[data-v-bd84c145]{color:#590300;justify-self:center}.success-msg[data-v-bd84c145]{color:#475921}.createView[data-v-00042e1c]{height:100%;width:100%;z-index:10;justify-content:center;align-content:center}a[data-v-00042e1c]{display:inline-block;padding:5px 10px;border-radius:999px;color:#000}.main[data-v-00042e1c]{overflow:auto;display:flex;justify-content:center;transition:all .8s ease;gap:20px}.createComponent[data-v-00042e1c]{display:flex;justify-content:center;gap:20px;transition:all .8s ease}.createForm[data-v-00042e1c]{background:#d48f17;border-radius:50px;box-sizing:border-box;padding:30px;font-size:small;display:flex;flex-direction:column;align-items:center;gap:10px;width:300px}.createValidation[data-v-00042e1c]{align-self:center;background-color:#fff;padding:30px;border-radius:50px;color:#8a5e12;font-size:16px;width:300px;display:flex;flex-direction:column;justify-content:center}.createValidation li.valid[data-v-00042e1c]{visibility:hidden}h1[data-v-00042e1c]{text-align:center;display:block;font-size:2em;margin-block-start:.67em;margin-block-end:.67em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;unicode-bidi:isolate;margin:0}h3[data-v-00042e1c]{text-align:center;display:block;font-size:1.17em;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700}.usernameField[data-v-00042e1c],.passwordField[data-v-00042e1c],.firstField[data-v-00042e1c],.lastField[data-v-00042e1c],.emailField[data-v-00042e1c]{box-sizing:border-box;width:160px;margin-bottom:5px;justify-self:center}label[data-v-00042e1c]{display:inline-block;margin-bottom:5px}input[data-v-00042e1c]{box-sizing:border-box;width:100%;margin-bottom:5px}button[data-v-00042e1c]{font-size:medium;color:#f8f8f8;background-color:#000;border-radius:999px;padding:10px 15px;border:0;display:flex;justify-self:center;margin-top:15px}button[data-v-00042e1c]:active{transform:scale(.97)}ul[data-v-00042e1c]{padding-left:15px;margin:3px 0 10px}.switch[data-v-00042e1c]{position:relative;display:inline-block;width:30px;height:18px}.switch input[data-v-00042e1c]{opacity:0;width:0;height:0}.slider[data-v-00042e1c]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider[data-v-00042e1c]:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-00042e1c]{background-color:#4a90e2}input:checked+.slider[data-v-00042e1c]:before{transform:translate(12px)}.passwordLabel[data-v-00042e1c]{display:flex;justify-content:space-between;align-items:center;width:150%}a[data-v-00042e1c]{color:#7a0400;justify-self:center}.error[data-v-00042e1c]{color:#590300;justify-self:center}.views[data-v-833469f7]{height:70vh;width:97%;justify-content:center;flex:1;display:flex;gap:20px;padding:20px}.sidebar[data-v-833469f7]{flex:1}.main[data-v-833469f7]{flex:3}.main[data-v-9079e3e7]{background-color:#bdbfa3;border-radius:30px;padding:10px;gap:20px;width:70%}.header[data-v-9079e3e7]{display:flex;justify-content:space-between}.text[data-v-9079e3e7]{margin-left:20px;line-height:40px}.chatForm[data-v-9079e3e7]{margin-right:5px;line-height:10px;background:#d3d3d3;padding:20px;border-radius:30px;width:50%;height:100%}.modal[data-v-9079e3e7]{padding:20px;border-radius:30px;width:500px;border:1px solid #444;background-color:#d9c76f}.profileInfo[data-v-9079e3e7]{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:100}.info[data-v-9079e3e7]{margin-bottom:15px}.info label[data-v-9079e3e7]{font-size:1rem;color:#333;display:block}.info p[data-v-9079e3e7]{font-size:1.2rem;margin:5px 0}#exit[data-v-9079e3e7]{border-radius:10px;border:none;background-color:#6e5324;color:#fff;padding:5px 10px;position:absolute;top:33%;left:63%}button[data-v-9079e3e7]{color:#f8f8f8;background-color:#000;border-radius:999px;padding:10px 15px;border:0;margin-top:15px}button[data-v-9079e3e7]:active{transform:scale(.97)}#nameGroup[data-v-9079e3e7]{border-radius:20px;padding:5px;width:200px;margin-top:15px;margin-right:15px}#new[data-v-9079e3e7]{margin-bottom:10px}.chatBox[data-v-9079e3e7]{display:flex;flex-direction:column;gap:15px;padding:20px;height:30vh;width:60vw;overflow-y:auto;background-color:#f9f9f9;border-radius:30px;margin-top:10px;-ms-overflow-style:none;scrollbar-width:none}.chatBox[data-v-9079e3e7]::-webkit-scrollbar{display:none}.messages[data-v-9079e3e7]{display:flex;flex-direction:column;max-width:70%}.senderName[data-v-9079e3e7]{font-size:.8rem;margin-bottom:4px;color:#666}.messageBubble[data-v-9079e3e7]{padding:10px 15px;border-radius:15px;font-size:.95rem;line-height:1.4;word-wrap:break-word}.right[data-v-9079e3e7]{align-self:flex-end;align-items:flex-end}.right .messageBubble[data-v-9079e3e7]{background-color:#d48f17;color:#333;border-bottom-right-radius:2px}.left[data-v-9079e3e7]{align-self:flex-start;align-items:flex-start}.left .messageBubble[data-v-9079e3e7]{background-color:#e0e0e0;color:#333;border-bottom-left-radius:2px}.search[data-v-9079e3e7]{border-radius:20px;padding:5px;width:50%}.memberSearch[data-v-9079e3e7]{margin-top:-30px}#current[data-v-9079e3e7]{margin-top:-20px}.input[data-v-9079e3e7]{width:95%;background:#f9f9f9;border-radius:20px;margin-top:10px;padding:5px 15px 15px;justify-self:center}.sendButton[data-v-9079e3e7]{margin-left:10px}.sidebar[data-v-b1a2a4d4]{background-color:#fdffdb;border-radius:30px;padding:20px;display:flex;flex-direction:column;gap:20px;max-height:93%}.friends[data-v-b1a2a4d4]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;height:100%}li[data-v-b1a2a4d4]{margin-left:20px}.add[data-v-b1a2a4d4]{border:none;background-color:#d48f17;border-radius:20px;padding:8px 12px;margin-top:10px;margin-left:10px}.search[data-v-b1a2a4d4]{border-radius:20px;padding:5px;width:45%;margin-top:20px}.accept[data-v-b1a2a4d4]{border:none;border-radius:20px;padding:8px 12px;background-color:#adab0e;margin:5px;font-weight:700;color:#fff}.deny[data-v-b1a2a4d4]{border:none;border-radius:20px;padding:8px 12px;background-color:#ad560e;margin:5px;color:#fff}.listItem[data-v-b1a2a4d4]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;border-radius:8px;width:80%;margin-left:-10px}.listItemChat[data-v-b1a2a4d4]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;border-radius:8px;margin-left:-40px;width:80%}.listItem span[data-v-b1a2a4d4],.listItem button#name[data-v-b1a2a4d4],.listItem li[data-v-b1a2a4d4]{margin-left:10px;text-align:left}.clickable[data-v-b1a2a4d4]{border:none;background-color:#fff;border-radius:20px;padding:8px 12px;margin-top:10px;margin-left:10px;margin-right:20px}#name[data-v-b1a2a4d4]{background:#ffffffae;padding:8px 12px;border-radius:20px;border:solid 2px black}.remove[data-v-b1a2a4d4]{border:none;background-color:#d3d3d3;border-radius:20px;padding:8px 12px;margin-left:10px}.add[data-v-b1a2a4d4]{color:#000;background-color:#d48f17;border-radius:999px;padding:10px 15px;border:0;margin-top:15px;width:45%}button[data-v-b1a2a4d4]:active{transform:scale(.97)}