html[data-v-1bb736ac],body[data-v-1bb736ac],[data-v-1bb736ac]{margin:0;padding:0;font-family:SN Pro,"sans-serif"}.app[data-v-1bb736ac]{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-1bb736ac]{background-color:#d9c76f;height:80px}main[data-v-1bb736ac]{background-color:#fff1ab;opacity:90%;height:100%}footer[data-v-1bb736ac]{background-color:#d9c76f;height:80px}footer p[data-v-1bb736ac]{justify-self:center;padding:30px;font-size:1.2em}#logo[data-v-1bb736ac]{height:60vh;width:50vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;filter:grayscale(100%)}.links-right[data-v-1bb736ac]{padding:20px;margin-right:10px;display:flex;justify-content:flex-end;gap:10px}#createLink[data-v-1bb736ac],#signinLink[data-v-1bb736ac]{display:inline-flex}#signoutLink[data-v-1bb736ac]{display:inline-flex;cursor:pointer}a[data-v-1bb736ac]{display:inline-block;padding:10px 15px;border-radius:999px;color:#000;text-decoration:none;background-color:#d48f17}.router-link-active[data-v-1bb736ac]{background-color:#965e0f;transition:background-color .25s ease-in,color 0s ease-in .25s}.loginView[data-v-b6dd1d1c]{height:100%;width:100%;z-index:10;justify-content:center;align-content:center}a[data-v-b6dd1d1c]{display:inline-block;padding:5px 10px;border-radius:999px;color:#000}.main[data-v-b6dd1d1c]{overflow:auto;display:flex;justify-content:center;align-items:center;transition:all .8s ease;gap:20px}.loginComponent[data-v-b6dd1d1c]{display:flex;justify-content:center;gap:20px;transition:all .8s ease}.loginForm[data-v-b6dd1d1c]{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-b6dd1d1c]{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-b6dd1d1c]{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-b6dd1d1c],.passwordField[data-v-b6dd1d1c]{box-sizing:border-box;width:160px;margin-bottom:5px;justify-self:center}label[data-v-b6dd1d1c]{display:inline-block;margin-bottom:5px}input[data-v-b6dd1d1c]{box-sizing:border-box;width:100%;margin-bottom:5px}button[data-v-b6dd1d1c]{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-b6dd1d1c]:active{transform:scale(.97)}ul[data-v-b6dd1d1c]{padding-left:15px;margin:3px 0 10px}.switch[data-v-b6dd1d1c]{position:relative;display:inline-block;width:30px;height:18px}.switch input[data-v-b6dd1d1c]{opacity:0;width:0;height:0}.slider[data-v-b6dd1d1c]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider[data-v-b6dd1d1c]: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-b6dd1d1c]{background-color:#4a90e2}input:checked+.slider[data-v-b6dd1d1c]:before{transform:translate(12px)}.passwordLabel[data-v-b6dd1d1c]{display:flex;justify-content:space-between;align-items:center;width:150%}.error[data-v-b6dd1d1c]{color:#590300;justify-self:center}.createView[data-v-7f59acab]{height:100%;width:100%;z-index:10;justify-content:center;align-content:center}a[data-v-7f59acab]{display:inline-block;padding:5px 10px;border-radius:999px;color:#000}.main[data-v-7f59acab]{overflow:auto;display:flex;justify-content:center;transition:all .8s ease;gap:20px}.createComponent[data-v-7f59acab]{display:flex;justify-content:center;gap:20px;transition:all .8s ease}.createForm[data-v-7f59acab]{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-7f59acab]{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-7f59acab]{visibility:hidden}h1[data-v-7f59acab]{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-7f59acab]{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-7f59acab],.passwordField[data-v-7f59acab],.firstField[data-v-7f59acab],.lastField[data-v-7f59acab],.emailField[data-v-7f59acab]{box-sizing:border-box;width:160px;margin-bottom:5px;justify-self:center}label[data-v-7f59acab]{display:inline-block;margin-bottom:5px}input[data-v-7f59acab]{box-sizing:border-box;width:100%;margin-bottom:5px}button[data-v-7f59acab]{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-7f59acab]:active{transform:scale(.97)}ul[data-v-7f59acab]{padding-left:15px;margin:3px 0 10px}.switch[data-v-7f59acab]{position:relative;display:inline-block;width:30px;height:18px}.switch input[data-v-7f59acab]{opacity:0;width:0;height:0}.slider[data-v-7f59acab]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider[data-v-7f59acab]: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-7f59acab]{background-color:#4a90e2}input:checked+.slider[data-v-7f59acab]:before{transform:translate(12px)}.passwordLabel[data-v-7f59acab]{display:flex;justify-content:space-between;align-items:center;width:150%}a[data-v-7f59acab]{color:#7a0400;justify-self:center}.error[data-v-7f59acab]{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-ca1f300f]{background-color:#bdbfa3;border-radius:30px;padding:20px;gap:20px}.text[data-v-ca1f300f]{margin-left:20px;line-height:20px}.chatbox[data-v-ca1f300f]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;background:#fdfdfd;border-radius:10px;gap:10px;height:58%;margin-bottom:5px}.bubble[data-v-ca1f300f]{max-width:70%;padding:10px 15px;border-radius:20px}.right[data-v-ca1f300f]{align-self:flex-end;background-color:#87662e;color:#fff;border-bottom-right-radius:2px}.left[data-v-ca1f300f]{align-self:flex-start;background-color:#e9e9eb;color:#000;border-bottom-left-radius:2px}.chatInput[data-v-ca1f300f]{margin-bottom:20px}#sendMessage[data-v-ca1f300f]{border:none;background-color:#6e5324;color:#fff;font-size:1em;border-radius:20px;padding:15px 20px;margin-top:10px;margin-left:15px}#sendInput[data-v-ca1f300f]{border-radius:20px;padding:15px 20px;width:85%;margin-top:10px}.sidebar[data-v-2bf89492]{background-color:#fdffdb;border-radius:30px;padding:20px;display:flex;flex-direction:column;gap:20px;max-height:93%}.friends[data-v-2bf89492]{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;height:100%}li[data-v-2bf89492]{margin-left:20px}.add[data-v-2bf89492]{border:none;background-color:#d48f17;border-radius:20px;padding:8px 12px;margin-top:10px;margin-left:10px}#addFriend[data-v-2bf89492]{border-radius:20px;padding:5px;width:50%;margin-top:20px}.accept[data-v-2bf89492]{border:none;border-radius:20px;padding:8px 12px;background-color:#adab0e;margin:5px;font-weight:700;color:#fff}.deny[data-v-2bf89492]{border:none;border-radius:20px;padding:8px 12px;background-color:#ad560e;margin:5px;color:#fff}