@import url(https://fonts.googleapis.com/css2?family=Neucha&display=swap);.app{display:flex;flex-direction:column;text-align:center}.log{height:100vh}.app__body{display:flex;justify-content:center}.feed{flex:.5 1;max-width:calc(50% - 16px)}@media screen and (max-width:860px){.feed{flex:1 1;max-width:none}}.feed__posts{background-color:#8b9dc3;height:100%;overflow-y:auto;padding-top:10px}.feed__posts>div{display:flex;flex-direction:column;gap:10px}.feedPostBox__wrapper{background-color:#8b9dc3;border-bottom:1px solid #3b5998;padding:30px 10px;position:-webkit-sticky;position:sticky;top:68px;z-index:2000}.feedPostBox{align-items:center;background-color:#dfe3ee;border-radius:20px;display:flex;justify-content:space-between;margin-left:10px;width:calc(100% - 20px)}.feedPostBox input{margin-left:16px;width:100%}.feedPostBox input,.feedPostBox__pic{background:none;border:none;outline:none}.feedPostBox__pic{color:#3b5998}.feedPostBox__send{background-color:#3b5998;border:none;border-radius:5px;font-size:600;margin-right:8px;outline:none}.feedPostBox__buttons{align-items:center;display:flex;margin-right:8px}.feedPostBox__url{background:none;border:none;outline:none;width:100px}.feedPostBox>form{flex:1 1}.feedPostBox__loading{padding:0 22px}.post{background-color:#f7f7f7;border-radius:10px;margin:auto;max-width:700px;width:calc(100% - 64px)}.post__header{align-items:center;border-bottom:1px solid #dfe3ee;display:flex;font-size:20px;padding-bottom:8px}.post__header .post__infoLike{align-items:flex-end;display:flex;margin-left:auto}.post__header .post__infoLike p{margin:0}.post__header .post__infoLike button{background:none;border:none;cursor:pointer;display:flex}.post__header .post__infoLike button:hover>svg{opacity:.5}.post__info{margin-left:8px}.post__info p{margin:0}.post__body>img{margin-bottom:-90px;padding-top:8px;position:relative;width:100%;z-index:1}.post__body{text-align:left}.post__comments{width:100%}.post__message.post__displayPicture{background:linear-gradient(180deg,transparent -30px,#f7f7f7 70px);color:#000;display:block;position:relative;z-index:1000}.post__message{padding:20px}.post__footer{align-items:flex-start;background-color:#dfe3ee;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;flex-direction:column;padding:20px}.post__footer input{background:none;border:none;outline:none;padding:0 8px}.post__footerCommentBox{display:flex;width:100%}.post__footerCommentBox button{align-items:center;background:transparent;border:none;border-radius:8px;display:flex;gap:4px;padding:4px}.post__footerCommentBox button p{font-size:16px;margin:0}.post__footerCommentBox button:hover{background-color:#8b9dc3}.post__footerCommentBox form{flex:1 1}.post__footerCommentBox input{background:#f7f7f7;border-radius:16px;margin-left:8px;padding:8px 16px;width:calc(100% - 40px)}.comment{border-bottom:1px solid #f7f7f7;display:flex;flex-direction:column;padding-bottom:8px}.comment:last-child{border:none}.comment__header{align-items:center;display:flex;gap:8px;justify-content:flex-start}.comment__header>p{font-size:medium}.comment__body>p{word-wrap:break-word;margin:0;text-align:left;width:100%}.header{background-color:#3b5998;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2001}.header,.header__left{align-items:center;display:flex;justify-content:space-between}.header__left{flex:.3 1;margin-left:10px;width:200px}.header__left>.MuiSvgIcon-root{color:#8b9dc3;font-size:40px}.header__search{align-items:center;background-color:#dfe3ee;border-radius:8px;display:flex;height:30px;margin-left:30px;padding-left:5px;padding-right:5px;position:relative}@media screen and (max-width:860px){.header__search{width:120px}}.header__searchbar{background-color:#f7f7f7;border-radius:10px;bottom:-10px;box-shadow:0 8px 24px rgba(0,0,0,.5);left:-2px;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%);width:100%}.header__searchbar>:first-child button{border-radius:10px 10px 0 0}.header__searchbar>:last-child button{border-radius:0 0 10px 10px}.header__searchbar a{color:#000;text-decoration:none}.header__searchUser{background:transparent;border:none;display:flex;width:100%}.header__searchUser:hover{background-color:#dfe3ee}.header__userChatInfo{align-items:center;display:flex;gap:10px;padding:8px 0}.header__search>input{background:none;border:none;outline:none}.header__middle{display:flex;flex:.4 1;justify-content:space-evenly;margin-left:30px}@media screen and (max-width:860px){.header__middle{display:none}}.header__middle .MuiSvgIcon-root{cursor:pointer;padding:5px}.header__middle .MuiSvgIcon-root:hover{background-color:#8b9dc3;border-radius:10px;color:#f7f7f7;padding:5px}.header__right{align-items:center;display:flex;flex:.3 1;gap:10px;justify-content:flex-end;margin-right:16px;padding:8px}.header__right a{color:#000}.header__right .MuiSvgIcon-root{padding:5px}.header__right .MuiSvgIcon-root:hover{background-color:#8b9dc3;border-radius:10px;color:#f7f7f7;padding:5px}.header__logOut{align-items:center;background:transparent;border:none;color:#000;display:flex;font-size:small;gap:4px;justify-content:center;padding:2px}.header__logOut:hover{background-color:#8b9dc3;border-radius:10px;color:#f7f7f7;padding:2px}.sidebar{color:#000;flex:.25 1;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 8px;position:-webkit-sticky;position:sticky;top:80px}@media screen and (max-width:860px){.sidebar{display:none}}.sidebar>:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.sidebar>:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.sidebar__item{align-items:center;background-color:#dfe3ee;border:none;color:#3b5998;display:flex;font-size:16px;white-space:nowrap;width:100%}.sidebar__item:hover{background-color:#8b9dc3;color:#000;cursor:pointer}.sidebar__users{background-color:#eaedf4;border-top:1px solid #fff}.sidebar__users a{color:#3b5998;text-decoration:none}.sidebar__user{align-items:center;background:transparent;border:none;display:flex;gap:8px;padding:12px 8px;width:100%}.sidebar__user:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.sidebar__user:hover{background-color:#dfe3ee;color:#000;cursor:pointer}.sidebar__itemIcon{width:50px}.sidebar__itemIcon,.sidebar__openProfile{align-items:center;display:flex;justify-content:center}.sidebar__openProfile{background-color:#eaedf4;gap:16px}.sidebar__openProfile>form{flex:1 1;margin-right:8px}.sidebar__openProfile input{background:transparent;border:none;outline:none;padding:8px 16px;width:100%}.sidebar__openProfile button{background-color:#8b9dc3;border:none;border-radius:10px;color:#f7f7f7;margin-right:8px;padding:4px 8px}.widgets{align-items:center;background-color:#dfe3ee;display:flex;flex:.25 1;flex-direction:column;font-size:large;height:calc(100% - 68px);justify-content:space-between;margin:0;padding:16px 8px;position:-webkit-sticky;position:sticky;top:68px}@media screen and (max-width:860px){.widgets{display:none}}.widgets>p{color:#3b5998;font-size:larger;font-weight:600}.widgets>p:hover{cursor:default}.widgets__podcastsSection iframe{height:80px!important;width:100%!important}.widgets__podcastsSection{display:flex;flex-direction:column;gap:16px;margin-top:8px}.widgets__podcastsSection>iframe:first-child{height:150px!important}.login{align-items:center;background:linear-gradient(90deg,#3b5998,#8b9dc3 35%,#dfe3ee);gap:10px;height:100%;justify-content:center}.login,.login>form{display:flex;flex-direction:column}.login>form{gap:5px;width:300px}.login input{background-color:#dfe3ee;border:none;border-radius:10px;height:35px;outline:none;padding-left:16px}.login button{background-color:#3b5998;border:none;border-radius:50px;color:#fff;font-size:15px;margin:8px 0;padding-bottom:10px;padding-top:10px;width:300px}.login button:first-of-type{margin-top:16px}.login__register{color:#3b5998;cursor:pointer;margin-left:3px}.login>h1,.login>p{margin:0;text-align:left;width:300px}.messengerChat{display:flex;flex:2 1;flex-direction:column}.messengerChat .messagesScroll{height:calc(100% - 152px)}.messengerChat__info{align-items:center;background-color:#3b5998;color:#f7f7f7;display:flex;flex:0 0 60px;font-size:24px;font-weight:bolder;gap:12px;height:50px;padding:16px}.messengerChat__noMessages{align-items:center;color:#3b5998;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:.2}.messengerChat__noMessages p{font-size:xx-large;font-weight:600;pointer-events:none}.messengerChat__noMessages svg{height:100px;width:100px}.messengerMessage,.messengerMessage__owner{align-items:flex-start;display:flex;gap:20px;margin:8px 0}.messengerMessage__owner{flex-direction:row-reverse}.messengerMessage__owner>.messengerMessage__content{background-color:#3b5998;color:#f7f7f7}.messengerMessage__info{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}.messengerMessage__content{background-color:#f7f7f7;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin:0;max-width:80%;padding:10px}.messengerMessage__content img{width:55%}.messengerMessage__content>p{margin:0}.messengerMessages{background-color:#dfe3ee;flex:1 1;max-width:100%;overflow-y:auto;padding:10px;word-break:break-word}.messengerChatInput{align-items:center;background-color:#f7f7f7;display:flex;flex:0 0;height:50px;justify-content:space-between;padding:16px}.messengerChatInput>form{width:100%}.messengerChatInput>form>input{background:none;border:none;font-size:18px;height:100%;outline:none;width:100%}.messengerChatInput__send{align-items:center;display:flex;gap:12px;justify-content:space-around}.messengerChatInput__send>button{background:#dfe3ee;border:none;border-radius:16px;cursor:pointer;padding:2px 8px}.messengerChatInput__send svg{cursor:pointer}.messengerChatInput__picture>img{max-width:20%}.messengerSidebar{background-color:#8b9dc3;flex:1 1;max-width:30%}@media screen and (max-width:860px){.messengerSidebar{padding-right:8px}}.messengerSidebarChat{background:transparent;border:none;display:block;text-align:left;width:100%}.messengerSidebarChat__userChat{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px}.messengerSidebarChat__userChat:hover{background-color:#3b5998}.messengerSidebarChat__userChatInfo{color:#f7f7f7;width:calc(100% - 50px)}.messengerSidebarChat__userChatInfo span{font-size:18px;font-weight:500}.messengerSidebarChat__userChatInfo p{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;font-size:14px;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.messengerSidebarNavbar{align-items:center;border-bottom:1px solid #3b5998;color:#f7f7f7;display:flex;height:50px;justify-content:space-between;padding:16px}.messengerSidebarNavbar__logo{align-items:center;display:flex;font-weight:700}.messengerSidebarNavbar__logo svg{cursor:pointer}@media screen and (max-width:860px){.messengerSidebarNavbar__logo>p{display:none}}.messengerSidebarNavbar__user{align-items:center;display:flex;gap:8px}@media screen and (max-width:860px){.messengerSidebarNavbar__user>span{display:none}}.messengerSidebarNavbar__user img{background-color:#dfe3ee;border-radius:50%;height:32px;object-fit:cover;width:32px}.messengerSidebarSearch__form{align-items:center;background-color:#dfe3ee;border-radius:20px;display:flex;height:14px;margin:8px;padding:10px}.messengerSidebarSearch__form>input{background-color:transparent;border:none;outline:none;padding:10px;width:100%}@media screen and (max-width:860px){.messengerSidebarSearch__form>input{width:100%}}.messengerSidebarSearch__userChat{align-items:center;background:none;border:none;color:#f7f7f7;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:10px;width:100%}.messengerSidebarSearch__userChat:hover{background-color:#3b5998}.messengerSidebarSearch__userChat:last-child{border-bottom:1px solid #3b5998}a,button{cursor:pointer}.messenger{align-items:center;background-color:#dfe3ee;display:flex;height:100vh;justify-content:center}.messenger__container{display:flex;height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.e74702e6.css.map*/