button[data-v-b13a2c5d]{text-align:center;justify-content:center;align-items:center;width:100px;height:40px;border-radius:999px;border:none;padding:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background-color:#222831;color:#fff}.opt[data-v-b13a2c5d]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000040}.opt[data-v-b13a2c5d]:active{transform:translateY(0)}nav[data-v-b13a2c5d]{background-color:#dcdcdc;padding:10px}nav div[data-v-b13a2c5d]{display:flex;gap:20px;justify-content:flex-end}.confirm-overlay[data-v-b13a2c5d]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-box[data-v-b13a2c5d]{background-color:#f8f8f8;padding:20px;border-radius:12px;text-align:center;min-width:250px;box-shadow:0 10px 25px #0000004d}.confirm-buttons[data-v-b13a2c5d]{display:flex;justify-content:space-around;margin-top:15px}.confirm-buttons .opt[data-v-b13a2c5d]{width:80px;height:35px;font-size:12px}div[data-v-dcd61bba]{display:flex;justify-content:center;align-items:center;margin:auto;padding:50px}img[data-v-dcd61bba]{width:100px;height:100px}#root[data-v-c9722486]{height:100vh;width:100vw;box-sizing:border-box;display:flex;flex-direction:column}.login-form>button[data-v-3ecde799]:disabled{opacity:.5;cursor:not-allowed;transform:none}li[data-v-3ecde799]::marker{display:list-item;unicode-bidi:isolate;font-variant-numeric:tabular-nums;text-transform:none;text-indent:0px!important;text-align:start!important;text-align-last:auto!important}.login-content[data-v-3ecde799]{display:flex;justify-content:center;gap:20px}ul[data-v-3ecde799]{padding-left:15px;margin:3px 0 10px}input:checked+.slider[data-v-3ecde799]:before{transform:translate(13px)}input:checked+.slider[data-v-3ecde799]{background-color:#3f3f41}.slider[data-v-3ecde799]:before{position:absolute;content:"";height:13px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.slider[data-v-3ecde799]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:34px}.error-messages[data-v-3ecde799]{align-self:center;color:#c70d0d;font-size:12px;width:200px;transition:width 1s linear;display:flex;flex-direction:column;justify-content:center}.error-messages span[data-v-3ecde799]{display:inline-block;min-width:max-content;white-space:nowrap}.login-form>button[data-v-3ecde799]{font-size:medium;color:#f8f8f8;background-color:#000;border-radius:999px;border:0;border:none;padding:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background-color:#222831;margin-bottom:8px;display:inline-block}.login-form>button[data-v-3ecde799]:active{transform:scale(97%)}.align-right[data-v-3ecde799]{float:right}.switch[data-v-3ecde799]{position:relative;display:inline-block;width:30px;height:17px}label[data-v-3ecde799]{cursor:default}.form-item>label[data-v-3ecde799]{display:inline-block;margin-bottom:5px}.form-item>input[data-v-3ecde799]{box-sizing:border-box;width:100%;margin-bottom:5px;flex:1;padding:8px;border-radius:8px;border:1px solid #ccc}.form-item[data-v-3ecde799]{box-sizing:border-box;width:160px;margin-bottom:5px}.login-form h3[data-v-3ecde799]{text-align:center}.login-form[data-v-3ecde799]{background-color:#f8f8f8;box-sizing:border-box;padding:20px;font-size:small;display:flex;flex-direction:column;align-items:center;gap:10px;width:200px;border-radius:15px}.login-view[data-v-3ecde799]{flex:1;background-color:#efeded;opacity:97%;display:flex;justify-content:center;align-items:center}.no-width[data-v-3ecde799]{width:0}.home-view[data-v-09ee4fac]{display:flex;height:calc(100vh - 60px);padding:20px;gap:30px;overflow:hidden;box-sizing:border-box;background-color:#efeded}.sidebar[data-v-09ee4fac]{flex:0 0 200px;background-color:#222831;color:#fff;border-radius:15px}.main[data-v-09ee4fac]{flex:1;border-radius:15px;display:flex;flex-direction:column;background-color:#fff;height:100%;text-align:center;overflow:hidden}#searchInput[data-v-4fcfc28b]{flex:1;padding:8px;margin-bottom:8px;border-radius:8px;border:1px solid #ccc}#error-msg[data-v-4fcfc28b]{font-size:.78rem;margin-bottom:6px}.friend-requests button[data-v-4fcfc28b]{width:65px;height:30px;text-align:center;justify-content:center;margin-left:4px}button[data-v-4fcfc28b]{width:100px;height:35px;border-radius:999px;border:none;padding:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background-color:#f2f2f2;margin-bottom:8px;display:inline-block}.friend[data-v-4fcfc28b]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000040}.friend[data-v-4fcfc28b]:active{transform:translateY(0)}fieldset[data-v-4fcfc28b]{-webkit-border-radius:10px}.friends-list[data-v-4fcfc28b],.friend-requests[data-v-4fcfc28b],.add-friend[data-v-4fcfc28b]{overflow:hidden;overflow-y:auto;text-align:center}.side-bar[data-v-4fcfc28b]{padding:20px;display:flex;flex-direction:column;gap:20px;justify-content:space-between}#home-container[data-v-0727236e]{display:flex}#main-box[data-v-0727236e]{flex:1;height:100%}.success-message[data-v-bb341fc6]{color:green;text-align:center}.error-message[data-v-bb341fc6]{color:red}li[data-v-bb341fc6]::marker{display:list-item;unicode-bidi:isolate;font-variant-numeric:tabular-nums;text-transform:none;text-indent:0px!important;text-align:start!important;text-align-last:auto!important}.login-content[data-v-bb341fc6]{display:flex;justify-content:center;gap:20px}ul[data-v-bb341fc6]{padding-left:15px;margin:3px 0 10px}input:checked+.slider[data-v-bb341fc6]:before{transform:translate(13px)}input:checked+.slider[data-v-bb341fc6]{background-color:#3f3f41}.slider[data-v-bb341fc6]:before{position:absolute;content:"";height:13px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.slider[data-v-bb341fc6]{position:absolute;cursor:pointer;inset:0;background-color:#ccc;border-radius:34px}.login-form>button[data-v-bb341fc6]{text-align:center;justify-content:center;align-items:center;width:100px;height:40px;border-radius:999px;border:none;padding:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background-color:#222831;color:#fff}.login-form>button[data-v-bb341fc6]:active{transform:scale(97%)}.align-right[data-v-bb341fc6]{float:right}.switch[data-v-bb341fc6]{position:relative;display:inline-block;width:30px;height:17px}label[data-v-bb341fc6]{cursor:default}.form-item>label[data-v-bb341fc6]{display:inline-block;margin-bottom:5px}.form-item>input[data-v-bb341fc6]{box-sizing:border-box;width:100%;margin-bottom:5px;flex:1;padding:8px;border-radius:8px;border:1px solid #ccc}.form-item[data-v-bb341fc6]{box-sizing:border-box;width:160px;margin-bottom:5px}.login-form h3[data-v-bb341fc6]{text-align:center}.login-form[data-v-bb341fc6]{background-color:#f8f8f8;box-sizing:border-box;padding:20px;font-size:small;display:flex;flex-direction:column;align-items:center;gap:10px;width:200px;border-radius:15px}.login-view[data-v-bb341fc6]{flex:1;background-color:#efeded;opacity:97%;display:flex;justify-content:center;align-items:center}.no-width[data-v-bb341fc6]{width:0}#messenger-container[data-v-92bb85f6]{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-messages[data-v-92bb85f6]{flex:1;overflow-y:auto;padding:20px;background-color:#f2f2f2;height:1%;display:flex;flex-direction:column;gap:10px}.message-row[data-v-92bb85f6]{display:flex;width:100%}.message-row[data-v-92bb85f6]:has(.own-message){justify-content:flex-end}.message-row[data-v-92bb85f6]:not(:has(.own-message)){justify-content:flex-start}.message-bubble[data-v-92bb85f6]{max-width:60%;padding:10px 15px;background-color:#e5e5ea;word-wrap:break-word;cursor:pointer;transition:opacity .2s ease;border-radius:18px 18px 18px 4px}.message-bubble[data-v-92bb85f6]:hover{opacity:.8}.message-bubble.own-message[data-v-92bb85f6]{background-color:#3f3f41;color:#fff;border-radius:18px 18px 4px}.author[data-v-92bb85f6]{font-size:.75rem;font-weight:700;margin-bottom:4px}.text[data-v-92bb85f6]{font-size:.9rem;line-height:1.3}#message-input-container[data-v-92bb85f6]{display:flex;gap:10px;padding:15px;background-color:#f2f2f2;border-top:1px solid #ddd;flex-shrink:0}#message-input-container input[data-v-92bb85f6]{flex:1;padding:8px;border-radius:8px;border:1px solid #ccc}#message-input-container button[data-v-92bb85f6]{padding:8px 12px;border-radius:8px;border:none;background-color:#222831;color:#fff;cursor:pointer}#message-input-container button[data-v-92bb85f6]:hover{background-color:#3f3f41}.no-messages[data-v-92bb85f6]{text-align:center;color:#888}