body{margin:0;padding:0;font-family:Work Sans}.mainContainer{padding:20px 50px;display:flex;flex-direction:column;gap:50px}@media screen and (max-width: 768px){.mainContainer{padding:20px}}.headerXlogo{display:flex;align-items:center;gap:10px}.headerXlogoText{font-size:1.5rem;font-weight:600;color:#333}.headerConnectBtn{background-color:#e0f7fa;border:none;padding:10px 20px;border-radius:5px;font-size:1rem;font-weight:500;color:#333;cursor:pointer;transition:all .3s}.headerConnectBtn:hover{background-color:#b2ebf2}.headerMainContainer{display:flex;justify-content:space-between;align-items:center}.headerConnected{display:flex;align-items:center;gap:10px}@media screen and (max-width: 768px){.headerMainContainer{padding:10px 20px}.headerXlogoText{font-size:1.2rem}.headerConnectBtn{padding:8px 15px;font-size:.9rem}}.sidebarMainContainer{display:flex;height:100%;width:100%;gap:50px}.sidebarMenu{display:flex;flex-direction:column;gap:20px;width:20%;border-right:#e0f7fa 1px solid}.sidebarMenuItem{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;cursor:pointer;transition:all .3s}.sidebarMenuItem:hover{background-color:#f0f0f0}.sidebarMenuItem.Active{background-color:#e0f7fa}.sidebarMainPage{display:flex;flex-direction:column;gap:20px;width:77%;height:82vh;overflow-y:auto;overflow-x:hidden;padding:0 3%}@media screen and (max-width: 768px){.sidebarMainContainer{flex-direction:column;gap:20px}.sidebarMenu{width:100%;border-right:none}.sidebarMainPage{width:100%;height:100%}}.profileMainContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem}.profileAddress{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:.5rem;width:100%}.profileAddress span{font-weight:400;color:#666}.profileTotalPosts{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:2rem;width:100%}.profileTotalPosts span{font-weight:400;color:#666}.loaderDialog{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}@-webkit-keyframes rai-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rai-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.rai-spinner{height:1.5em;position:relative;width:1.5em}.rai-spinner .rai-spinner-inner,.rai-spinner .rai-spinner-outer{border-radius:100%;height:100%;left:0;margin-left:-.0625em;margin-top:-.0625em;position:absolute;top:0;width:100%}.rai-spinner .rai-spinner-outer{border:.125em solid;opacity:.2}.rai-spinner .rai-spinner-inner{-webkit-animation-duration:inherit;animation-duration:inherit;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rai-spinner;animation-name:rai-spinner;-webkit-animation-timing-function:linear;animation-timing-function:linear;border-bottom:.125em solid transparent!important;border-left:.125em solid transparent!important;border-radius:100%;border-right:.125em solid transparent!important;border-top:.125em solid;height:100%;left:0;position:absolute;top:0;width:100%}.commentsMainContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.commentsBackDiv{width:100%}.feedMainContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.feedPost{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:10px;padding:10px;border:1px solid #e0e0e0;border-radius:5px}.feedPostTop{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;border-bottom:#e0e0e0 1px solid}.feedPostAuthorName{font-size:1.2em;font-weight:700}.feedPostTime{font-size:.8em;color:#9e9e9e}.feedPostContent{margin-top:10px;font-size:1em}.feedPostBottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:80%;padding-top:10px}.feedPostBorder{border-bottom:#e0e0e0 1px solid;width:100%;margin-top:20px}.feedPostForm{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:5px}.postInput{width:90%;height:100px;margin:10px 0;padding:10px;border:1px solid #e0e0e0;border-radius:5px;resize:none}.postButton{margin-top:10px;padding:7px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1.2rem;font-weight:600}.feedPostBottomAlignContainer{display:flex;align-items:center;gap:10px;cursor:pointer}@media screen and (max-width: 768px){.feedPost,.feedPostForm{width:90%}.postInput,.feedPostBottom{width:100%}}