*{font-family:Roboto,sans-serif;color:#fff;margin:0;padding:0;box-sizing:border-box}:root{background-color:#24242d}.icon[data-v-66038d19]{fill:#fff}.notifications[data-v-66038d19]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.notification-list[data-v-66038d19]{display:flex;flex-direction:column;gap:.25rem;align-items:center;background-color:#24242d;border:1px solid #747bff;border-radius:.25rem;padding:.5rem;position:absolute;top:1rem;flex:1;width:max-content}.notification[data-v-66038d19]{flex:1;padding:.25rem .25rem 0;display:flex;flex-direction:column;border:1px solid transparent;border-radius:.25rem}.notification[data-v-66038d19]:not(:first-child){border-top:1px solid #b0b0b0}.notification[data-v-66038d19]:hover{cursor:pointer;background-color:#34343b}.notification .notification-description[data-v-66038d19]{color:#fff;flex:1}.new-notifications[data-v-66038d19]{position:absolute;top:0;right:0;background-color:#d92d57;color:#fff;border-radius:50%;padding:.25rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;text-align:center;z-index:1}.sidebar[data-v-122cf3c2]{display:flex;flex-direction:column;align-items:center;background-color:#24242d;position:sticky;top:0;height:100vh;border-right:1px solid #747bff;padding-right:1rem;margin-right:2rem;min-width:15%}.me[data-v-122cf3c2]{background-color:#24242d;display:flex;gap:1rem;align-items:center;padding:1rem;margin-left:1rem;border-radius:.25rem;border:1px solid transparent}.me .me-profile[data-v-122cf3c2]{color:#fff}.me[data-v-122cf3c2]:hover{cursor:pointer;border:1px solid #0fbd7b;background-color:#34343b}.logout[data-v-122cf3c2]{color:#b0b0b0;padding:1rem 2rem;margin-top:.5rem;border:1px solid transparent;border-radius:.25rem}.logout[data-v-122cf3c2]:hover{cursor:pointer;border-color:#fff;color:#fff;background-color:#34343b}.notifications[data-v-122cf3c2]{margin-top:.5rem}.home[data-v-6781ab9f]{width:100%}.home[data-v-6781ab9f]{display:flex;justify-content:flex-start;align-items:flex-start}.router-view[data-v-6781ab9f]{width:60%}.feed-switcher[data-v-26a23cc3]{background-color:#24242d;padding-bottom:1rem;position:sticky;top:0;display:flex;justify-content:center;align-items:center;margin:1rem .5rem;gap:2rem}.switch-btn[data-v-26a23cc3]{flex:1;background-color:transparent;color:#fff;padding:.5rem 1rem;border:none;border-bottom:3px solid #ffffff;transition:all .3s}.switch-btn.active[data-v-26a23cc3]{color:#0fbd7b;border-bottom:3px solid #0fbd7b}.switch-btn[data-v-26a23cc3]:hover{cursor:pointer}.switch-btn[data-v-26a23cc3]:active{transform:translateY(2px)}.unliked[data-v-7f93a7a5]{fill:#b0b0b0}.unliked[data-v-7f93a7a5]:hover{cursor:pointer;fill:#da0c81}.liked[data-v-7f93a7a5]{fill:#da0c81}rect[data-v-7f93a7a5]{stroke:#da0c81;fill:#da0c81}.icon[data-v-6061dd0a]:hover{cursor:pointer;fill:#0fbd7b}.media[data-v-5331aced]{margin-top:1rem;color:#fff}.media.link[data-v-5331aced]{background-color:#26264c;padding:.5rem;border-radius:.25rem;text-decoration:underline}.media.link[data-v-5331aced]:hover{cursor:pointer}.media.image[data-v-5331aced]{max-height:18rem;border-radius:.25rem;opacity:0;transform:scaleY(0);transition:opacity 3s,transform 3s}.media.image.image-loaded[data-v-5331aced]{opacity:1;transform:scaleY(1)}.post[data-v-859af112]{background-color:#24242d;display:flex;flex-direction:column;border:1px solid #747bff;border-radius:.5rem}.post[data-v-859af112]:hover{cursor:pointer}.post .actual-post[data-v-859af112]{display:flex;padding:1rem;gap:.5rem}.post .repliedTo[data-v-859af112]{padding:.5rem;border-bottom:1px solid #747bff;margin-bottom:.5rem}.post .main-container[data-v-859af112]{display:flex;flex-direction:column;gap:.5rem}.post .main-container .post-header-info[data-v-859af112]{display:flex;align-items:center;gap:1rem}.post .main-container .post-header-info .username[data-v-859af112],.post .main-container .post-header-info .date[data-v-859af112]{color:#b0b0b0}.post .post-footer[data-v-859af112]{margin-top:.5rem;margin-left:.5rem;display:flex;align-items:center;gap:.5rem}.post .post-footer[data-v-859af112] :nth-child(2){margin-right:1rem}.feed[data-v-23fc38a6]{width:100%;padding-top:1rem;margin-top:1rem;border-top:1px solid #747bff;display:flex;flex-direction:column;gap:.5rem;padding-bottom:2rem}.fetch-more[data-v-23fc38a6]{background-color:#24242d;padding:1rem 2rem;width:100%;text-align:center;border:1px solid #0fbd7b;border-radius:.25rem;transition:all .3s}.fetch-more[data-v-23fc38a6]:hover{cursor:pointer;border-color:#fff}.write-post[data-v-4374874e]{display:flex;justify-content:center;align-items:center;gap:1rem;max-width:80%}.body-media[data-v-4374874e]{width:40%;transition-property:all;transition-duration:.5s;transition-timing-function:ease-in-out;display:flex;flex-direction:column;gap:.25rem;justify-content:center;align-items:center}.body-media[data-v-4374874e]:has(>.has-content){width:100%}.body-media[data-v-4374874e]:has(>.post-p:focus){width:100%}.post-body[data-v-4374874e]{background-color:#26264c;color:#fff;flex:1;padding:.5rem;border:none;outline:none;border-radius:.25rem;transition-property:all;transition-duration:.3s;width:100%}.post-media[data-v-4374874e]{background-color:#26264c;color:#fff;padding:.5rem;border:none;border-radius:.25rem;width:100%;transition-property:all;transition-duration:.3s}.post-btn[data-v-4374874e]{background-color:#6e49e1;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s}.post-btn[data-v-4374874e]:hover{cursor:pointer}.post-btn[data-v-4374874e]:active{transform:scale(.95);background-color:#0fbd7b}.home[data-v-d8d96e40]{display:flex;justify-content:flex-start;align-items:flex-start}.main[data-v-d8d96e40]{display:flex;flex-direction:column;align-items:center;flex:1;max-width:60%;min-width:fit-content}.main[data-v-d8d96e40]>*{width:100%}Sidebar[data-v-d8d96e40]{flex-shrink:1}.write-reply[data-v-cc4333e3]{margin-left:1rem;margin-right:1rem;display:flex;flex-direction:column}.center[data-v-cc4333e3]{display:flex;gap:1rem}.replying-to[data-v-cc4333e3]{color:#fff}.replying-to-username[data-v-cc4333e3]{color:#0fbd7b}.reply-text[data-v-cc4333e3]{border-radius:.5rem;border:none;width:100%;height:4rem;margin-top:1rem;margin-bottom:.25rem;padding:.5rem;background-color:#24242d;color:#fff}.reply-text[data-v-cc4333e3]:focus{outline:none!important;border:1px solid #0fbd7b}.reply-button[data-v-cc4333e3]{justify-self:flex-end;align-self:flex-end;margin:0 1rem 1rem 0;background-color:transparent;color:#fff;border:2px solid #0fbd7b;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s}.reply-button[data-v-cc4333e3]:hover{cursor:pointer;background-color:#0fbd7b}.reply-button[data-v-cc4333e3]:active{transform:scale(.95)}.body-media[data-v-cc4333e3]{flex:1;transition-property:all;transition-duration:.5s;transition-timing-function:ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center}.post-media[data-v-cc4333e3]{background-color:#24242d;color:#fff;padding:.5rem;border-radius:.25rem;width:100%;transition-property:all;transition-duration:.3s;outline:none;border:1px solid transparent}.post-media[data-v-cc4333e3]:focus{outline:none;border:1px solid #0fbd7b}.btn[data-v-88fe932d]{border:none;padding:.5rem 1rem;border-radius:.25rem;background-color:#24242d;color:#fff;transition:background-color .3s}.btn[data-v-88fe932d]:hover{cursor:pointer}.follow[data-v-88fe932d]{background-color:#0fbd7b;color:#fff}.follow[data-v-88fe932d]:hover{border:1px solid #ffffff}.follow[data-v-88fe932d]:active{transform:translateY(2px)}.unfollow[data-v-88fe932d]{background-color:#24242d;border:1px solid #0fbd7b;color:#fff}.unfollow[data-v-88fe932d]:hover{background-color:#e31c4e;border:none}.unfollow[data-v-88fe932d]:active{transform:translateY(2px)}.btn[data-v-d7411fbe]{border:none;padding:.5rem 1rem;border-radius:.25rem;background-color:#34343b;color:#fff;transition:background-color .3s}.btn[data-v-d7411fbe]:hover{cursor:pointer}.mute[data-v-d7411fbe]{background-color:#34343b;color:#fff}.mute[data-v-d7411fbe]:hover{border:1px solid #ffffff}.mute[data-v-d7411fbe]:active{transform:translateY(2px)}.unmute[data-v-d7411fbe]{background-color:#34343b;border:1px solid #e31c4e;color:#fff}.unmute[data-v-d7411fbe]:hover{background-color:#34343b;border:1px solid #ffffff}.unmute[data-v-d7411fbe]:active{transform:translateY(2px)}.btn[data-v-2b997998]{border:none;padding:.5rem 1rem;border-radius:.25rem;background-color:#34343b;color:#fff;transition:background-color .3s}.btn[data-v-2b997998]:hover{cursor:pointer}.block[data-v-2b997998]{background-color:#34343b;color:#fff}.block[data-v-2b997998]:hover{border:1px solid #ffffff}.block[data-v-2b997998]:active{transform:translateY(2px)}.unblock[data-v-2b997998]{background-color:#34343b;border:1px solid #e31c4e;color:#fff}.unblock[data-v-2b997998]:hover{background-color:#34343b;border:1px solid #ffffff}.unblock[data-v-2b997998]:active{transform:translateY(2px)}.li-svg[data-v-66360a27]{fill:#b0b0b0}.post[data-v-8793e45a]{background-color:#24242d;display:flex;border:1px solid #747bff;border-radius:.5rem}.post[data-v-8793e45a]:hover{cursor:pointer}.post-header-info[data-v-8793e45a]{display:flex;align-items:center;gap:1rem;margin:1rem}.post-header-info .username[data-v-8793e45a],.lessimportant[data-v-8793e45a]{color:#b0b0b0}.li-svg[data-v-a47ece6f]{fill:#b0b0b0}.post[data-v-7eaaa5af]{background-color:#24242d;display:flex;border:1px solid #747bff;border-radius:.5rem}.post[data-v-7eaaa5af]:hover{cursor:pointer}.post-header-info[data-v-7eaaa5af]{display:flex;align-items:center;gap:1rem;margin:1rem}.post-header-info .username[data-v-7eaaa5af],.lessimportant[data-v-7eaaa5af]{color:#b0b0b0}.li-svg[data-v-7eaaa5af]{fill:#b0b0b0}.post[data-v-8440d9db]{display:flex;flex-direction:column;border:1px solid #747bff;border-radius:.5rem}.post[data-v-8440d9db]:hover{cursor:pointer}.post .actual-post[data-v-8440d9db]{display:flex;padding:1rem;gap:1rem;flex-direction:column}.post .mutedOrBlocked[data-v-8440d9db]{background-color:#1d1e20}.post .repliedTo[data-v-8440d9db]{padding:.5rem;border-bottom:1px solid #747bff}.post .main-container[data-v-8440d9db]{display:flex;flex-direction:column;gap:.5rem;width:100%}.post .main-container .post-header-info[data-v-8440d9db]{display:flex;align-items:center;justify-content:flex-start;gap:1rem;width:100%}.post .main-container .post-header-info .username[data-v-8440d9db],.post .main-container .post-header-info .date[data-v-8440d9db]{color:#b0b0b0}.post .date-footer[data-v-8440d9db]{border-top:1px solid #747bff;margin-left:1rem;padding:1rem 0;color:#b0b0b0}.post .post-footer[data-v-8440d9db]{margin-left:1rem;padding:1rem 0;display:flex;align-items:center;gap:.5rem;border-top:1px solid #747bff}.post .post-footer[data-v-8440d9db] :nth-child(2){margin-right:1rem}.post .names[data-v-8440d9db]{display:flex;flex-direction:column;gap:.25rem}.post .back-post-btn[data-v-8440d9db]{padding:.5rem;border-bottom:1px solid #747bff;color:#fff}.post .back-post-btn[data-v-8440d9db]:hover{cursor:pointer}.divider[data-v-8440d9db]{flex:1}.replying-to[data-v-8440d9db]{color:#fff}.replying-to-username[data-v-8440d9db]{color:#0fbd7b}.form[data-v-b12a3dc0]{display:flex;flex-direction:column;gap:1rem}.form .input[data-v-b12a3dc0]{padding:1rem 2rem;border-radius:.25rem;border:1px solid #0fbd7b;background-color:#24242d}.form .input[data-v-b12a3dc0]:focus{outline:none;border:3px solid #0fbd7b}.form .login-btn[data-v-b12a3dc0]{padding:.5rem;border:none;background-color:#0fbd7b;color:#fff;border-radius:.25rem;transition-duration:.2s}.form .login-btn[data-v-b12a3dc0]:hover{cursor:pointer}.form .login-btn[data-v-b12a3dc0]:active{transform:translateY(2px)}.container[data-v-b12a3dc0]{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #0fbd7b;border-radius:.5rem;padding:2rem;gap:2rem;min-height:50vh}.switcher-btn[data-v-b12a3dc0]{background-color:transparent;color:#fff;padding:.5rem 1rem;border:#0fbd7b;transition-duration:.2s}.switcher-btn[data-v-b12a3dc0]:hover{cursor:pointer}.switcher-btn[data-v-b12a3dc0]:active{transform:translateY(2px)}.active[data-v-b12a3dc0]{background-color:#0fbd7b}.error-message[data-v-b12a3dc0]{color:red}.user-view[data-v-c0ea7bb5]{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.me[data-v-c0ea7bb5]{display:flex;gap:1rem;align-items:center}.names[data-v-c0ea7bb5]{display:flex;flex-direction:column;gap:.25rem}.username[data-v-c0ea7bb5]{color:#b0b0b0}.lists[data-v-c0ea7bb5]{border-top:1px solid #747bff;display:flex;gap:1rem;width:100%}.list[data-v-c0ea7bb5]{display:flex;flex-direction:column;gap:1rem;align-items:center}.list-header[data-v-c0ea7bb5]{padding:1rem;font-weight:700;border-bottom:1px solid #34343b;width:100%;text-align:center;margin-bottom:.5rem}.column[data-v-c0ea7bb5]{flex:1;display:flex;flex-direction:column;align-items:center}.bigger-column[data-v-c0ea7bb5]{flex:2}.list-item[data-v-c0ea7bb5]{display:flex;gap:.5rem;align-items:center}.user-view[data-v-1c4027b8]{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:50%}.user[data-v-1c4027b8]{display:flex;gap:1rem;align-items:center;width:100%}.follow-info[data-v-1c4027b8]{padding-left:1rem;border-left:1px solid #747bff}.posts[data-v-1c4027b8]{border-top:1px solid #747bff;display:flex;width:100%;padding-top:1rem;margin-top:2rem;flex-direction:column;gap:.5rem;padding-bottom:2rem}.divider[data-v-1c4027b8]{flex:1}.fetch-more[data-v-1c4027b8]{background-color:#24242d;padding:1rem 2rem;width:100%;text-align:center;border:1px solid #0fbd7b;border-radius:.25rem;transition:all .3s}.fetch-more[data-v-1c4027b8]:hover{cursor:pointer;border-color:#fff}.not-found[data-v-637d919a]{display:flex;justify-content:center;align-items:center;height:60vh;width:60%}