.links{cursor:pointer;color:#000;background-color:#fff;border-style:solid;border-width:1px;margin:0 5px;padding:5px 10px;display:inline-block}nav{background-color:#dcdcdc;justify-content:right;height:30px;padding:10px;display:flex}.app[data-v-b66e0b20]{flex-direction:column;width:99vw;height:98vh;display:flex;overflow-y:hidden}.views[data-v-b66e0b20]{flex:1;width:100%;display:flex}.sidebar[data-v-b66e0b20]{box-sizing:border-box;background:linear-gradient(90deg,#d8d8d8 0%,#ecebeb 100%);flex-direction:column;flex:0 0 25%;min-width:200px;display:flex;overflow-y:auto}.main[data-v-b66e0b20]{background:linear-gradient(90deg,#e6e6e6 0%,#f3f3f3 100%);flex-direction:column;flex:1;display:flex;overflow-y:auto}.user[data-v-71e2c0da]{flex-direction:column;margin-top:auto;margin-bottom:0;display:flex}.users[data-v-71e2c0da]{flex-direction:column;margin-top:auto;margin-bottom:0;padding-top:40px;display:flex}.users ul[data-v-71e2c0da]{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex-direction:column;gap:6px;width:100%;max-height:14vh;padding:0;list-style:none;display:flex;overflow-y:auto}.clickable[data-v-71e2c0da]{cursor:pointer}.user ul[data-v-71e2c0da]{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex-direction:column;gap:6px;width:100%;max-height:14vh;padding:0;list-style:none;display:flex;overflow-y:auto}.sidebar[data-v-71e2c0da]{box-sizing:border-box;background-color:#dcdcdc;flex-direction:column;gap:16px;width:100%;height:100%;min-height:94vh;max-height:94vh;padding:20px;display:flex;overflow-y:auto}.friends[data-v-71e2c0da]{flex-direction:column;align-items:center;gap:12px;width:100%;padding:8px;display:flex}.list[data-v-71e2c0da]{flex-direction:column;align-items:center;gap:6px;width:100%;max-height:14vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.friendDivs[data-v-71e2c0da]{background:#fff;border:1px solid #ccc;border-radius:8px;flex:auto;gap:5px;width:auto;max-width:150px;padding:2px 12px}.friendButtons[data-v-71e2c0da]{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;border:none;border-radius:8px;flex:auto;width:100px;padding:8px 16px;overflow:hidden}.removeFriendButtons[data-v-71e2c0da]{cursor:pointer;cursor:pointer;background:#e51010;border:1px solid #000;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;padding:0;display:inline-flex}.requestButtons[data-v-71e2c0da]{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;margin-left:4px;padding:4px 6px}.friendAdd .row[data-v-71e2c0da]{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;max-width:260px;margin:0 auto;display:flex}.friendAdd label[data-v-71e2c0da]{text-align:left;width:100%;margin:0;font-size:.95em;font-weight:600}.friendAdd input[data-v-71e2c0da]{box-sizing:border-box;border:1px solid #bbb;border-radius:6px;width:100%;padding:8px 10px}.friendAdd h1[data-v-71e2c0da]{margin-bottom:10px}.friendAdd button[data-v-71e2c0da]{color:#fff;cursor:pointer;background:#00f;border-radius:8px;align-self:center;width:45%;padding:6px 12px;font-size:1em}.row[data-v-71e2c0da]{align-items:center;gap:8px;width:100%;display:flex}.mainPage[data-v-015287df]{box-sizing:border-box;flex-direction:column;flex:1 1 0;gap:12px;min-height:0;padding:12px;display:flex;overflow-y:auto}.title[data-v-015287df]{text-align:center;margin:0;font-size:2rem;font-weight:700}.chat-window[data-v-015287df]{background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;flex:auto;gap:12px;padding:12px;display:flex;overflow-y:scroll}.message[data-v-015287df]{overflow-wrap:break-word;border-radius:10px;max-width:45%;padding:8px 12px 12px 8px;display:inline-block}.left[data-v-015287df]{text-align:left;clip-path:polygon(100% 0,0 0,0 89%,0 89%,0 100%,6% 89%,100% 89%);background:#e9e9ec;align-self:flex-start}.right[data-v-015287df]{text-align:right;clip-path:polygon(0 0,100% 0,100% 87%,100% 87%,100% 100%,92% 87%,0 87%);background:#68aefe;align-self:flex-end}.sender[data-v-015287df]{color:#222;margin-bottom:4px;font-size:.85rem}.input-area[data-v-015287df]{flex-direction:column;align-items:center;gap:8px;display:flex}.input-area input[data-v-015287df]{box-sizing:border-box;border:1px solid #bbb;border-radius:6px;flex:auto;width:100%;padding:8px 10px}.input-area span[data-v-015287df]{width:100%}.login-view[data-v-750cb1e3]{box-sizing:border-box;opacity:.97;background-color:#efeded;flex-direction:column;flex:1;align-items:center;display:flex}.view[data-v-750cb1e3]{background:linear-gradient(90deg,#e6e6e6 0%,#f3f3f3 100%);position:relative}.login-content[data-v-750cb1e3]{flex:1;justify-content:center;align-items:center;gap:20px;margin-bottom:32vh;display:flex}.login-form[data-v-750cb1e3]{box-sizing:border-box;background-color:#f8f8f8;flex-direction:column;align-items:center;gap:15px;width:250px;padding:20px;font-size:small;display:flex}h1[data-v-750cb1e3]{text-align:center;margin:6vh 0 0;padding:0;font-size:6em}h3[data-v-750cb1e3]{text-align:center;margin-block:1em;margin-inline:0;margin-top:0;font-size:2em;font-weight:700;display:block}.form-item[data-v-750cb1e3]{box-sizing:border-box;width:160px;margin-bottom:5px}.form-item label[data-v-750cb1e3]{margin-bottom:5px;display:inline-block}.form-item input[data-v-750cb1e3]{box-sizing:border-box;width:100%;margin-bottom:5px}button[data-v-750cb1e3]{color:#f8f8f8;background-color:#000;border:0;border-radius:999px;padding:5px 10px;font-size:medium}.error-messages[data-v-750cb1e3]{color:#c70d0d}.error-messages ul[data-v-750cb1e3]{margin-block:1em;padding-left:15px;display:block}.switch[data-v-750cb1e3]{flex-shrink:0;width:32px;height:18px;display:inline-block;position:relative}.align-right[data-v-750cb1e3]{float:right}.switch input[data-v-750cb1e3]{opacity:0;width:0;height:0;position:absolute}.slider[data-v-750cb1e3]{cursor:pointer;background-color:#ccc;border-radius:17px;transition:all .4s;position:absolute;inset:0}.slider[data-v-750cb1e3]:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:2px;left:2px}.switch input:checked+.slider[data-v-750cb1e3]:before{transform:translate(14px)}.switch input:checked+.slider[data-v-750cb1e3]{background-color:#2196f3}.app[data-v-31ef8350]{content:"";background-image:url(/assets/download-Dw8nuGhY.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;padding-top:30%;position:relative;top:0;left:0}.signin-view[data-v-b92e14e3]{box-sizing:border-box;opacity:.97;background-color:#efeded;flex-direction:column;flex:1;align-items:center;display:flex}.view[data-v-b92e14e3]{background:linear-gradient(90deg,#e6e6e6 0%,#f3f3f3 100%);position:relative}.signin-content[data-v-b92e14e3]{flex:1;justify-content:center;align-items:center;gap:20px;margin-bottom:32vh;display:flex}.signin-form[data-v-b92e14e3]{box-sizing:border-box;background-color:#f8f8f8;flex-direction:column;align-items:center;gap:12px;width:250px;padding:20px;font-size:small;display:flex}h1[data-v-b92e14e3]{text-align:center;margin:6vh 0 0;padding:0;font-size:6em}h2[data-v-b92e14e3]{color:#c70d0d;padding-top:40px}h3[data-v-b92e14e3]{text-align:center;margin-block:1em;margin-inline:0;margin-top:0;font-size:2.2em;font-weight:700;display:block}.form-item[data-v-b92e14e3]{box-sizing:border-box;width:160px;margin-bottom:5px}.form-item label[data-v-b92e14e3]{margin-bottom:5px;display:inline-block}.form-item input[data-v-b92e14e3]{box-sizing:border-box;width:100%;margin-bottom:5px}button[data-v-b92e14e3]{color:#f8f8f8;background-color:#000;border:0;border-radius:10px;padding:5px 10px;font-size:medium}.error-messages[data-v-b92e14e3]{color:#c70d0d;flex-direction:column;justify-content:center;align-self:center;width:200px;font-size:12px;display:flex}.error-messages ul[data-v-b92e14e3]{margin-block:1em;padding-left:15px;display:block}.switch[data-v-b92e14e3]{flex-shrink:0;width:32px;height:18px;display:inline-block;position:relative}.align-right[data-v-b92e14e3]{float:right}.switch input[data-v-b92e14e3]{opacity:0;width:0;height:0;position:absolute}.slider[data-v-b92e14e3]{cursor:pointer;background-color:#ccc;border-radius:17px;transition:all .4s;position:absolute;inset:0}.slider[data-v-b92e14e3]:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .4s;position:absolute;bottom:2px;left:2px}.switch input:checked+.slider[data-v-b92e14e3]:before{transform:translate(14px)}.switch input:checked+.slider[data-v-b92e14e3]{background-color:#2196f3}