body,html{font-family:Roboto,sans-serif}.container{align-items:center;background-color:#fff;display:flex;height:70px;justify-content:space-between;position:sticky;top:0;width:50hv;z-index:999}.topbarleft{flex:2 1;flex-shrink:0}.logo{color:teal;cursor:pointer;font-size:20px;font-weight:600;margin-left:10px}.logolink{text-decoration:none}.topbarCenter{flex:3 1}.searchbar{align-items:center;background-color:#eee;border-radius:30px;display:flex;height:40px;margin-left:80px;width:50%}.search{height:15px;margin-right:15px;width:15px}.input{background-color:#eee;border:none;font-size:15px;font-weight:500;margin-left:10px;outline:none;width:100%}.topbarRight{display:flex;margin-right:30px}.topbarButtons{background-color:#fa5a5a}.topbarButton,.topbarButtons{border:none;border-radius:15px;color:#fff;cursor:pointer;font-weight:500;outline:none;padding:10px 14px}.topbarButton{background-color:teal;margin-right:20px}.profilePhoto{border-radius:12px;cursor:pointer;height:35px;margin-left:50px;object-fit:cover;width:35px}.autocomplete-dropdown{background:#fff;border:1px solid #ccc;border-radius:15px;list-style:none;margin-top:240px;max-height:200px;max-width:500px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:9999}.autocomplete-dropdown li{cursor:pointer;padding:8px 12px}.autocomplete-dropdown li:hover{background-color:#f0f0f0}.navbar{flex:1 1;height:calc(100vh - 65px);margin-top:70px;position:fixed;z-index:999}.navbarWrapper{display:flex;flex-direction:column;gap:40px;margin-left:15px}.link{color:inherit;text-decoration:none}.homeFilled,.homePhoto{cursor:pointer;height:25px;padding:10px;width:25px}.homePhoto:hover{background-color:#f5f4f4;border-radius:15px}.writePhoto{cursor:pointer;height:25px;padding:10px;width:25px}.writePhoto:hover{background-color:#f5f4f4;border-radius:15px}.notificationPhoto{cursor:pointer;height:25px;padding:10px;width:25px}.notificationPhoto:hover{background-color:#f5f4f4;border-radius:15px}.savePhoto{cursor:pointer;height:25px;padding:10px;width:25px}.savePhoto:hover{background-color:#f5f4f4;border-radius:15px}.navlink{align-items:center;color:inherit;display:flex;justify-content:center;text-decoration:none}.navlink.active .homePhoto,.navlink.active .savePhoto,.navlink.active .writePhoto{background-color:#eee;border-radius:15px}.navlink.active{background-color:#ccc;border-radius:15px}.homePhoto:hover,.savePhoto:hover,.writePhoto:hover{background-color:#f5f4f4;border-radius:15px}.navlink.active .homePhoto:hover,.navlink.active .savePhoto:hover,.navlink.active .writePhoto:hover{background-color:#eee}.modal{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modalContent{background-color:#fff;border-radius:15px;box-shadow:0 1px 2px 0 #0000000d;display:flex;height:500px;justify-content:space-between;max-width:90%;padding:24px;text-align:center;width:500px}.modalButton{background-color:#fff;border:none;color:#000;cursor:pointer;height:20px;justify-content:center;width:20px}.noti{font-size:25px;font-weight:700;margin-right:170px;margin-top:200px}.feed{display:flex;flex:9 1;flex-wrap:wrap;margin-left:100px;margin-top:50px;padding:20px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#d7d6d6}.noPosts{color:#666;font-size:1.1rem;font-weight:500;margin-left:480px;margin-top:80px;padding:2rem;text-align:center}.post{border-radius:15px;box-shadow:0 1px 2px 0 #0000001a;height:375px;margin-bottom:40px;margin-right:40px;margin-top:25px;width:330px}.postContainer{margin-top:30px}.postImgContainer{height:185px;width:330px}.Title{-webkit-box-orient:vertical;color:teal;cursor:pointer;display:-webkit-box;display:flex;font-size:20px;font-weight:600;height:65px;padding:10px}.Title,.desc{max-width:90%;overflow:hidden}.desc{color:gray;font-size:13px;padding:10px 5px}.postImg{border-radius:15px;height:100%;object-fit:cover;width:100%}.userInfoContainer{flex-direction:row;justify-content:space-between}.postUserInfo,.userInfoContainer{align-items:center;display:flex}.userName{cursor:pointer;font-size:14px;font-weight:700}.userImg{border-radius:20px;cursor:pointer;height:35px;object-fit:cover;padding:10px;width:35px}.postInfo{align-items:center;color:teal;flex-direction:row;font-size:13px;margin-bottom:10px;margin-left:7px;margin-right:7px}.postDetails,.postInfo{display:flex;font-weight:600;justify-content:space-between}.postDetails{font-size:12px;margin-top:10px}.postViews{font-size:12px;font-weight:600;margin-right:10px}.date,.postViews{margin-left:10px}.category{background-color:teal;border-radius:15px;color:#fff;font-size:13px;font-weight:500;margin-right:10px;padding:5px}.followBadge{background-color:#e0f7fa;border-radius:12px;color:#00796b;font-size:.75rem;font-weight:500;margin-left:10px;padding:4px 8px}.wrapper{-ms-overflow-style:none;background-color:#fff;display:flex;gap:12px;margin-left:100px;overflow-x:auto;padding:10px;position:fixed;scrollbar-width:none;white-space:nowrap}.catlink{border-radius:4px;color:#444;margin:4px;padding:8px 12px;text-decoration:none;transition:.2s ease}.catlink:hover{background-color:#f0f0f0;border-radius:20px}.catlink.active{background-color:teal;border-radius:20px;color:#fff;font-weight:700}.homeContainer{display:flex;flex-wrap:wrap;height:100%;width:100%}.writeArea{display:flex;flex-direction:row}.leftWrite{flex:7 1}.tiptap{border:none;box-sizing:border-box;height:auto;min-height:300px;outline:none;padding:10px;width:45rem}.tiptap em{font-style:italic}.ProseMirror{word-wrap:break-word;box-sizing:border-box;height:100%;max-width:100%;overflow-wrap:break-word;white-space:pre-wrap;width:95%}.tiptap u{text-decoration:underline}.editorToolbar{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;display:block;height:auto;padding:1rem}.toolbar{display:flex;gap:8px;margin-bottom:1rem}.toolbar button.active{background-color:#999;font-weight:700}.toolbar button{background:#eee;border:none;border-radius:20px;border-radius:15px;cursor:pointer;font-size:13px;font-weight:500;padding:8px}.toolbar button:hover{background-color:#f5f4f4}.writeInput{border:none;font-size:40px;font-size:30px;font-weight:600;height:60px;margin-left:180px;outline:0;width:650px}.RightWrite,.writeInput{border-radius:15px;margin-top:50px}.RightWrite{box-shadow:0 1px 2px 0 #0000001a;display:flex;flex:2 1;flex-direction:column;height:270px;width:200px}.previewImage{border-radius:20px;display:block;height:300px;margin-left:140px;margin-top:10px;object-fit:cover;width:800px}.Publish{background-color:gray;height:50px;width:50px}.publishButtons{display:flex;flex-direction:row;justify-content:space-around;margin-top:20px;width:100%}.ChooseTopic{margin-top:40px}.topicsInput,.writeDescriptionInput{background-color:#f6f6f6;border:none;border-radius:10px;font-weight:600;height:45px;margin-left:10px;outline:0;width:250px}.writeDescriptionInput{margin-top:20px}.Publish{background-color:teal;border:none}.Publish,.label{border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;height:30px;width:80px}.label{align-items:center;background-color:#23b6e7;display:flex;justify-content:center}.editorContainer{display:flex;margin-left:150px;margin-top:50px}.tiptap-editor{font-size:20px!important;height:200px!important;line-height:1.5!important;padding:20px!important;width:200px!important}.tiptap-editor__toolbar{background-color:teal!important}.drawerSelect{background-color:#f9f9f9;cursor:pointer;font-size:14px;font-weight:700;margin-left:8px;outline:none;width:90%}.drawerSelect,.writeDescriptionInput{border:1px solid #ccc;border-radius:6px;padding:10px}.writeDescriptionInput{font-size:16px;margin-right:10px;max-height:80px;min-height:80px;resize:vertical;width:82%}.modal-overlay{align-items:center;display:flex;justify-content:center;left:0;margin-left:550px;margin-top:80px;position:fixed;top:0;z-index:1000}.modal-content{align-items:center;animation:fadeInScale .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000040;display:inline-flex;flex-direction:column;justify-content:flex-start;max-height:90%;max-width:90%;overflow-wrap:break-word;padding:20px 30px;text-align:center}.modal-content p{color:#333;font-size:16px;font-weight:700;margin:0 0 10px}.modal-buttons{display:flex;gap:12px;margin-top:20px}.confirm-btn{background:teal}.cancel-btn,.confirm-btn{border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px}.cancel-btn{background:#f44336}.single{gap:40px}.fullSize{align-items:flex-start;display:flex;flex-direction:row;height:auto;margin-left:150px;margin-right:50px;margin-top:30px}.leftSide{flex:6 1;flex-direction:column;height:280px;width:700px}.downPart{margin-top:40px}.singleHeading{font-size:40px;font-weight:600;margin-bottom:10px}.singleDesc{color:gray;font-size:14px;padding:20px}.singleUserInfo{margin-top:20px}.follow{background-color:teal;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-left:30px;padding:8px 10px}.singleEditPost{margin-left:200px}.deletPost{background-color:#f83d3d;margin-right:30px}.deletPost,.editPost{border-radius:10px;cursor:pointer;height:13px;padding:8px;width:13px}.editPost{background-color:green}.singleAvtar{border-radius:10px;cursor:pointer;height:40px;margin-right:10px;object-fit:cover;width:40px}.singleUser{cursor:pointer;font-weight:500}.singleInfo{margin-top:20px}.singleDate{margin-right:15px}.singleDate,.singleReadersNum{color:teal;font-size:14px;font-weight:600}.rightSide{display:flex;flex:4 1;justify-content:flex-end}.singleImg{border-radius:15px;height:280px;object-fit:cover;width:500px}.content{font-size:20px;line-height:1.5;margin-right:80px;margin-top:60px}.content,.likes{margin-left:150px}.likes{align-items:center;display:flex;justify-content:space-around;margin-top:20px}.heart{cursor:pointer;height:20px;width:20}.Heart,.heart{display:flex}.likeCounnt{margin-left:5px}.comment,.saveIcon{cursor:pointer;display:flex;height:20px;width:20}.horizontalLine{border-top:1px solid #000;margin:25px 1% 25px 10%}.recomandationHeading{color:teal;font-size:24px;font-weight:700;margin-left:140px}.recomandationPosts{display:flex;flex-wrap:wrap;margin-left:140px}.singleUserInfo{align-items:center;display:flex;flex-direction:row}.comments-section-container{margin:40px auto;max-width:700px;padding:0 20px}.comments-section-heading{border-bottom:1px solid #eee;color:#333;font-size:1.8rem;font-weight:700;margin-bottom:30px;padding-bottom:15px}.comment-input-area{align-items:flex-start;display:flex;gap:15px;margin-bottom:30px}.comment-form-avatar{border-radius:20px;flex-shrink:0;height:35px;margin-top:5px;object-fit:cover;width:35px}.comment-textarea{border:1px solid #ddd;border-radius:8px;flex-grow:1;font-family:inherit;font-size:1rem;max-height:200px;min-height:100px;outline:none;padding:15px;resize:vertical;transition:border-color .2s ease-in-out;width:100%}.comment-textarea:focus{border-color:#000}.comment-submit-button{background-color:teal;border:none;border-radius:12px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:700;margin-top:5px;padding:10px 25px;transition:background-color .2s ease-in-out,opacity .2s ease-in-out}.comment-submit-button:hover:not(:disabled){background-color:#333}.comment-submit-button:disabled{cursor:not-allowed;opacity:.6}.comments-error,.comments-loading,.comments-login-prompt,.no-comments-message{color:#666;font-style:italic;margin-top:20px;text-align:center}.comments-login-prompt a{color:#000;font-weight:600;text-decoration:none}.comments-login-prompt a:hover{text-decoration:underline}.commentIcon{cursor:pointer;height:24px;margin-right:15px;width:24px}.comment-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:15px;margin-bottom:25px;padding-bottom:15px}.comment-author-link{display:block;flex-shrink:0}.comment-avatar{border-radius:20px;height:35px;object-fit:cover;width:35px}.comment-content-wrapper{flex-grow:1}.comment-header{align-items:baseline;display:flex;margin-bottom:5px}.comment-author-name{color:#333;font-size:1rem;font-weight:600;margin-right:10px;text-decoration:none}.comment-author-name:hover{text-decoration:underline}.comment-date{color:#666;font-size:.85rem}.comment-text{color:#333;font-size:1rem;line-height:1.5;margin-bottom:10px;white-space:pre-wrap;word-break:break-word}.comment-delete-button{background:none;border:none;color:#e04c4c;cursor:pointer;font-size:.8rem;margin-left:5px;opacity:.7;padding:0;transition:opacity .2s ease-in-out}.comment-delete-button:hover{opacity:1;text-decoration:underline}.form{margin-bottom:20px}.inputs{font-weight:500}.span{font-size:16px;margin-top:20px;padding:20px}.button{font-size:14px;margin-top:10px}.coverQuote{font-size:70px}.Quotes,.quotes{color:#fff;font-size:18px}.auth{align-items:center;background-color:#b9e1ed;display:flex;height:100vh}.authLeftSide{flex:4 1;margin-left:50px}.title{color:teal;font-size:35px;font-weight:800;margin-bottom:20px}.form{display:flex;flex-direction:column;gap:20px;width:300px}.inputs{background-color:#fff;border:none;border-radius:10px;font-size:12px;outline:0;padding:10px}.button{background-color:teal;border:none;border-radius:15px;color:#fff;cursor:pointer;font-weight:550;margin-left:100px;padding:10px;width:100px}.span{font-size:15px;font-weight:400;margin-bottom:10px;margin-left:10px}.Btn,.span{margin-top:10px}.Btn{background-color:teal;border:none;border-radius:15px;color:#fff;cursor:pointer;font-weight:550;margin-left:100px;padding:10px;width:100px}.error{color:red;font-size:14px;font-weight:400}.authRightSide{align-items:center;display:flex;flex:6 1}.coverImg{height:300px;width:300px}.Quote{display:flex;flex-direction:column;gap:20px;margin-left:20px}.coverQuote{color:teal;font-size:80px;font-weight:700}.quotes{margin-left:60px}.Quotes,.quotes{color:teal;font-size:20px;font-weight:600}.profileSide{display:flex;flex-direction:column;height:400px;margin-left:150px;margin-top:50px;width:180vh}.profileUserInformation{align-items:center;display:flex}.userInfo{color:#3d3c3c;font-size:14px;margin-left:20px;margin-top:20px}.theUserInformation{align-items:center;display:flex;flex-direction:row;justify-content:center}.profileUsername{font-size:20px;font-weight:600;margin-left:10px;margin-top:20px}.profileCoverImg{height:200px;width:98%}.profileAvtarImg,.profileCoverImg{border-radius:15px;object-fit:cover}.profileAvtarImg{height:100px;margin-left:10px;margin-top:15px;width:100px}.profileButton{background-color:teal;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-left:30px;padding:8px 10px}.horizontalLineProfile{border-top:1px solid #000;margin:25px}.profilePosts{display:flex;flex-wrap:wrap;margin-left:140px}.changeImg{align-items:center;display:flex;flex-direction:row;margin-left:50px}.changeButton{cursor:pointer;height:20px;width:20px}.imageChangeModalOverlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;margin-left:20px;margin-top:100px;opacity:1;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1000}.imageChangeModalContent{animation:fadeInScale .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 5px 4px #0000004d;display:flex;flex-direction:column;gap:15px;max-height:60px;max-width:150px;padding:30px;text-align:center;width:90%}.imageChangeModalContent h2{color:#333;font-size:1.8em;margin-bottom:20px}.imageChangeModalContent button{background-color:#fff;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:13px;font-weight:600;outline:none;padding:4px}.saveContainer{margin:20px auto;max-width:1200px;padding:20px}.savePosts{margin-left:80px}.saveHeading{font-size:35px;margin-left:120px;margin-top:20px}.saveContainer h2{border-bottom:2px solid #eee;color:#333;font-size:2.5rem;margin-bottom:30px;padding-bottom:15px;text-align:center}.saveContainer p{color:#666;font-size:1.1rem;margin-top:25px;text-align:center}.error-message{color:red;font-size:1.1rem}.error-message,.saveMessage{font-weight:500}.posts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center}.posts-grid .post-card{border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .2s}.posts-grid .post-card:hover{transform:translateY(-5px)}@media (max-width:768px){.posts-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.saveContainer h2{font-size:2rem}}@media (max-width:480px){.posts-grid{grid-template-columns:1fr;padding:0 10px}.saveContainer{padding:10px}}
/*# sourceMappingURL=main.5dd61913.css.map*/