main[data-v-81797a20]{margin:20px 12px 12px;background-color:#fff}.navlink[data-v-94527a54]{color:#fff;align-items:right;text-decoration:none;background-color:#35353a;height:30px;width:75px;display:inline-block;line-height:30px;text-align:center;border-radius:5px;border-style:solid;border-width:4px;border-color:#242429;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-left:10px;padding-right:10px;margin-left:10px;margin-right:10px}header[data-v-94527a54]{background-color:#2c2d32;padding:0 20px;display:flex;justify-content:flex-end;align-items:center;height:60px}.main[data-v-94527a54]{background-color:#323339;height:100vh;width:100vw;margin:-20px}.starfish[data-v-94527a54]{filter:grayscale();opacity:75%;position:absolute;top:35%;left:42.5%;z-index:0}.create-wrapper[data-v-60b28d3d]{display:flex;justify-content:center;flex-direction:column;align-items:center;height:80vh;gap:40px;z-index:1}.create h3[data-v-60b28d3d]{padding-left:20px;padding-right:20px;text-align:center}.issues[data-v-60b28d3d]{font-size:12px;margin:6px 0;color:#d5d5d3;padding:35px 16px 12px 15px;background-color:#35353a;height:230px;border-color:#242429;border-width:4px;border-style:solid;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.issgroup[data-v-60b28d3d]{display:flex;flex-direction:column;justify-content:center;height:80%}.issues p[data-v-60b28d3d]{margin-bottom:-10px;font-size:12px;text-align:center}.issues ul[data-v-60b28d3d]{padding-left:15px}.create[data-v-60b28d3d]{flex-direction:column;background-color:#35353a;border-color:#242429;color:#d5d5d3;border-width:4px;border-style:solid;width:25%;height:90%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin-right:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.create.centered[data-v-60b28d3d]{transform:translate(0)}.pass[data-v-60b28d3d]{display:flex;justify-content:space-between;align-items:center;width:80%}h3[data-v-60b28d3d]{margin-top:-5px;font-size:16px}h1[data-v-60b28d3d]{margin-top:-15px;font-size:26px;margin-bottom:30px}.button[data-v-60b28d3d]{background-color:#242429;border-color:#35353a;border-width:4px;border-style:solid;border-radius:4px;color:#d5c5d3;margin-left:30%;margin-top:1vw;font-size:18px;justify-content:center;cursor:pointer}form[data-v-60b28d3d]{margin-left:8%}form label[data-v-60b28d3d]{font-size:12px;display:block;padding-top:3%;padding-bottom:3%}.switch[data-v-60b28d3d]{width:34px;height:18px;background:#ccc;border-radius:20px;position:relative;cursor:pointer;left:20px;transition:background .2s ease}.slider[data-v-60b28d3d]{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .4s ease}.slider.on[data-v-60b28d3d]{transform:translate(16px)}.switch[data-v-60b28d3d]:has(.on){background:#2899f3}.navlink[data-v-928925df]{color:#fff;align-items:right;text-decoration:none;background-color:#35353a;height:30px;width:75px;display:inline-block;line-height:30px;text-align:center;border-radius:5px;border-style:solid;border-width:4px;border-color:#242429;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.create-wrapper[data-v-928925df]{z-index:1;position:relative}header[data-v-928925df]{background-color:#2c2d32;padding:0 20px;display:flex;justify-content:flex-end;align-items:center;height:60px}.main[data-v-928925df]{background-color:#323339;height:100vh;width:100vw;margin:-20px}.login-error[data-v-22225114]{color:#ff4d4d;font-size:12px;margin-top:10px;text-align:center}.create-wrapper[data-v-22225114]{display:flex;justify-content:center;flex-direction:row;align-items:center;height:80vh;gap:40px;z-index:1}.create h3[data-v-22225114]{padding-left:20px;padding-right:20px;text-align:center}.issues[data-v-22225114]{font-size:12px;margin:6px 0;color:#d5d5d3;padding:35px 16px 12px 15px;background-color:#35353a;height:230px;border-color:#242429;border-width:4px;border-style:solid;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}.issgroup[data-v-22225114]{display:flex;flex-direction:column;justify-content:center;height:80%}.issues p[data-v-22225114]{margin-bottom:-10px;font-size:12px;text-align:center}.issues ul[data-v-22225114]{padding-left:15px}.create[data-v-22225114]{flex-direction:column;background-color:#35353a;border-color:#242429;color:#d5d5d3;border-width:4px;border-style:solid;width:200px;height:285px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin-right:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.create.centered[data-v-22225114]{transform:translate(0)}.pass[data-v-22225114]{display:flex;justify-content:space-between;align-items:center;width:80%}h3[data-v-22225114]{margin-top:-5px;font-size:16px}h1[data-v-22225114]{margin-top:-15px;font-size:26px;margin-bottom:30px}.button[data-v-22225114]{background-color:#242429;border-color:#35353a;border-width:4px;border-style:solid;border-radius:4px;color:#d5c5d3;margin-left:30%;margin-top:1vw;font-size:18px;justify-content:center;cursor:pointer}form[data-v-22225114]{margin-left:8%}form label[data-v-22225114]{font-size:12px;display:block;padding-top:3%;padding-bottom:3%}.switch[data-v-22225114]{width:34px;height:18px;background:#ccc;border-radius:20px;position:relative;cursor:pointer;left:20px;transition:background .2s ease}.slider[data-v-22225114]{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .4s ease}.slider.on[data-v-22225114]{transform:translate(16px)}.switch[data-v-22225114]:has(.on){background:#2899f3}.navlink[data-v-f14ef01b]{color:#fff;align-items:right;text-decoration:none;background-color:#35353a;height:30px;width:75px;display:inline-block;line-height:30px;text-align:center;border-radius:5px;border-style:solid;border-width:4px;border-color:#242429;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}header[data-v-f14ef01b]{background-color:#2c2d32;padding:0 20px;display:flex;justify-content:flex-end;align-items:center;height:60px}.main[data-v-f14ef01b]{background-color:#323339;height:100vh;width:100vw;margin:-20px}.login-wrapper[data-v-f14ef01b]{z-index:1;position:relative}.popup[data-v-f14ef01b]{position:fixed;top:75px;right:20px;background:#6e7aed;border-style:solid;border-width:2px;border-color:#525ec3;color:#fff;padding:12px 18px;border-radius:6px;box-shadow:0 4px 12px #0003;display:flex;align-items:center;gap:10px;font-weight:700;z-index:9999;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navlink[data-v-a06eaf6d]{color:#fff;align-items:right;text-decoration:none;background-color:#35353a;height:30px;width:120px;display:inline-block;line-height:22px;text-align:center;border-radius:5px;border-style:solid;border-width:4px;border-color:#242429;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.no-chat[data-v-a06eaf6d]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center}.main-container[data-v-a06eaf6d]{display:flex;flex-direction:row}.chat-title[data-v-a06eaf6d]{text-align:center;text-decoration:underline;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.friends[data-v-a06eaf6d]{background-color:#2c2d32;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;height:80vh;width:20vw;text-align:center;border-color:#242429;border-radius:3px;border-width:4px;border-style:solid;margin-top:20px;margin-left:30px}.messenger[data-v-a06eaf6d]{background-color:#2c2d32;border-color:#242429;border-radius:3px;border-style:solid;margin-top:20px;border-width:4px;height:80vh;width:73vw;color:#fff;margin-left:30px;display:flex;flex-direction:column;justify-content:space-between}.friends h3[data-v-a06eaf6d]{text-decoration:underline}.friends ul[data-v-a06eaf6d]{text-align:left;margin-left:75px}header[data-v-a06eaf6d]{background-color:#2c2d32;padding:0 20px;display:flex;justify-content:flex-end;align-items:center;height:60px}header h3[data-v-a06eaf6d]{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff;padding-right:20px}.main[data-v-a06eaf6d]{background-color:#323339;height:100vh;width:100vw;margin:-20px}.chatwindow[data-v-a06eaf6d]{display:flex;flex-direction:column;height:100%}.messages[data-v-a06eaf6d]{flex:1;overflow-y:auto;overflow-x:hidden;padding:15px;display:flex;flex-direction:column;gap:10px}.message[data-v-a06eaf6d]{max-width:70%;padding:10px 14px;background-color:#3a3b41;border-radius:10px;color:#fff;word-wrap:break-word;display:flex;flex-direction:column;align-self:flex-start;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.message.mine[data-v-a06eaf6d]{background-color:#4a4b52;align-self:flex-end}.sender[data-v-a06eaf6d]{font-weight:700;margin-bottom:4px;opacity:.85}.content[data-v-a06eaf6d]{white-space:pre-wrap}.message-input[data-v-a06eaf6d]{display:flex;gap:10px;padding:10px;border-top:2px solid #242429;justify-content:center;align-items:center}