.home{background-color:#000;flex-direction:row;display:flex}button{cursor:pointer}
.header{flex-direction:column;align-items:end;gap:24px;width:26.5%;height:100vh;display:flex;position:sticky;top:0}button{color:#fff}.header-tab-container{background-color:#000;flex-direction:column;gap:3px;width:70%;display:flex}.header-X-image-container{cursor:pointer;border-radius:100px;flex-direction:row;align-items:center;width:50px;height:50px;margin-bottom:4px;display:flex}.header-X-image-container:hover{background-color:#222427}.header-X-image{color:#fff;background-color:#0000;border-radius:100px;width:52px;height:30px}.header-button{border-radius:9999px;flex-direction:row;gap:22px;width:fit-content;padding:12px 28px 12px 12px;display:flex}.header-button:hover{background-color:#222427}.header-image{fill:#fff;background-color:#0000;width:22px;height:23px}.header-button-name{background-color:#0000;font-size:20px;font-weight:400;line-height:24px}.header-post-button{color:#000;background-color:#fff;border-radius:50px;width:fit-content;margin-top:9px;padding:15px 98px;font-size:17px;font-weight:700;line-height:20px}.header-post-button:hover{background-color:#e0e0e0}.header-post-text{color:#000;background-color:#0000}.header-post-image{display:none}.header-profile-container:hover{background-color:#222427}.header-profile-container{background-color:#000;border-radius:100px;flex-direction:row;justify-content:space-between;align-items:center;width:70%;margin-right:10px;padding:10px;display:flex}.header-profile-container2{display:none;margin-right:0!important}.header-profile-detail-image-container{background-color:#0000;flex-direction:row;justify-content:space-between;gap:12px;display:flex}.header-profile-image{background-color:#fff;border-radius:100px;width:40px;height:40px}.header-profile-detail-container{background-color:#0000;flex-direction:column;align-items:start;display:flex}.user-name{color:#fff;background-color:#0000;font-size:15px;font-weight:600;line-height:20px}.user-id{color:#71767b;background-color:#0000;font-size:15px;font-weight:400;line-height:20px}.header-profile-threeDot{background-color:#0000;width:20px;height:20px}.header-profile-threeDot2:hover{width:20px;height:20px;fill:#71767b!important}@media screen and (max-width:1501px){.header-button-name{display:none}.header-tab-container{flex-direction:column;align-items:end;padding-right:30px;display:flex}.header-button{flex-direction:row;justify-content:center;align-items:center;padding:10px;display:flex}.header{width:23%}.header-post-button{border-radius:100px;padding:15px}.header-post-text{color:#000;background-color:#fff}.header-profile-container{display:none}.header-profile-container2{flex-direction:row;justify-content:end;align-items:center;width:70%;padding-right:10%;display:flex}.header-post-text{display:none}.header-post-image{background-color:#0000;width:24px;height:24px;display:flex}}@media screen and (max-width:1284px){.header{width:20%}}@media screen and (max-width:1238px){.header{width:15%}.header-tab-container{align-items:center;width:100%;padding:0}.header-profile-container2{justify-content:center;width:100%}}@media screen and (max-width:1180px){.header{width:10%}}@media screen and (max-width:1021px){.header{width:7%}}@media screen and (max-width:1017px){.header{width:10%}}@media screen and (max-width:700px){.header{width:80px}}@media screen and (max-height:690px){.hide-on-small{display:none}}
.main{flex-direction:row;display:flex;overflow-y:auto}.feed{background-color:#000;border:1px solid #2f3336;border-top-color:#0000;flex:0 0 598.4px;width:598.4px;padding-bottom:500px}.feed-home{width:100%;display:none;position:fixed;top:0}.feed-header{z-index:10;border:1px solid;border-color:#000 currentColor #2f3336;flex-direction:row;justify-content:space-between;width:596.5px;height:52px;display:flex;position:fixed;top:0}.feed-for-you-text{background-color:#0000}.feed-for-you-line{background-color:#1a8cd8}.feed-for-you-button,.feed-following-button{color:#fff;cursor:pointer;background-color:#000;flex-direction:row;justify-content:center;align-items:center;width:50%;font-size:15px;font-weight:600;line-height:20px;display:flex}.feed-following-button{color:#71767b}.feed-for-you-button:hover,.feed-following-button:hover{background-color:#222427}.feed-input-post-container{width:100%;padding-top:52px}.feed-input-container{flex-direction:row;width:100%;height:50px;padding-top:10px;padding-left:10px;display:flex}.header-profile-image-container{flex-direction:row;justify-content:center;align-items:center;width:fit-content;display:flex}.feed-input{color:#fff;outline:#000;flex-grow:1;padding-left:10px;font-family:sans-serif;font-size:20px;font-weight:400;line-height:24px}.everyoneCanReplyContainer{background-color:#000;flex-direction:row;align-items:center;width:100%;padding-top:10px;padding-bottom:10px;padding-left:10%;display:flex}.everyOneCanReplyButton{border:0;border-radius:20px;flex-direction:row;align-items:center;gap:10px;padding:5px 10px;font-size:14px;font-weight:600;line-height:16px;display:flex}.everyOneCanReplyButton:hover{background-color:#031018}.everyoneCanReplyText{color:#1d9bf0;background-color:#0000;font-weight:700}.GlobeImage{width:20px;height:20px}.feed-post-container{background-color:#000;border:1px solid #0000;border-bottom-color:#2f3336;width:100%;height:50px;padding-left:10%}.feed-line{background-color:#2f3336;width:100%;height:1px}.feed-post-box{border:1px solid #0000;border-bottom-color:#2f3336;flex-direction:row;height:48.5px;display:flex}.feed-post-left{background-color:#000;flex-direction:row;align-items:center;width:60%;display:flex}.feed-post-option{fill:#71767b;background-color:#0000;border-radius:100px;width:20px;height:20px}.feed-post-option-button:hover .feed-post-option{fill:#1a8cd8}.feed-post-option-button{padding:10px}.feed-post-option-button:hover{background-color:#031018;border-radius:100px}.feed-post-right{flex-direction:row;justify-content:end;align-items:center;width:50%;padding-right:16px;display:flex}.post-btn{color:#000;background-color:#fff;border-radius:100px;padding:7px 17px;font-size:15px;font-weight:700;line-height:20px}.post-btn:hover{background-color:#e0e0e0}.posted-box{border-color:#2f3336;flex-direction:column;gap:10px;width:100%;display:flex}.posted-box-top{flex-direction:row;width:100%;padding-top:10px;padding-left:10px;display:flex}.user-image-container{align-items:top;justify-content:top;flex-direction:row;width:50px;margin-right:10px;display:flex}.post-image{cursor:pointer;border-radius:100px;width:40px;height:40px}.user-detail-container{flex-direction:row;justify-content:space-between;width:100%;padding-right:20px;display:flex}.user-detail-left{flex-direction:column;width:fit-content;display:flex}.user-detail{white-space:wrap;flex-direction:row;gap:10px;display:flex}@media screen and (max-width:425px){.user-detail{flex-direction:column;gap:0}.user-detail-left{gap:10px}.feed-post-option-button1{height:40px}}.user-post{color:#fff;white-space:normal;white-space:normal;overflow-wrap:break-word;word-break:break-word}.user-detail-right{background-color:#000;flex-direction:row;justify-content:end;width:fit-content;display:flex}.posted-box-bottom{border-bottom:1px solid #2f3336;flex-direction:row;justify-content:space-between;gap:60px;width:100%;padding-bottom:10px;padding-left:10px;display:flex}.posted-box-bottom-left{flex-direction:row;justify-content:space-between;width:80%;padding-left:40px;display:flex}.posted-box-bottom-right{flex-direction:row;justify-content:end;width:fit-content;padding-right:20px;display:flex}.user-name,.user-id,.user-post{cursor:pointer}.suggestions{z-index:3;height:fit-content;padding-left:30px}.suggestions-box{flex-direction:column;gap:17px;width:350px;height:100%;display:flex}.search-header{background-color:#000;flex-direction:row;align-items:end;width:350px;height:52px;display:flex;position:fixed}.search-icon{width:16px;height:16px}.Suggestions-input{background-color:#000;border:1px solid #2f3336;border-radius:50px;outline:#0000;width:100%;height:90%;padding-left:20px}.subscribe-container{border:1px solid #2f3336;border-radius:10px;flex-direction:column;gap:13px;width:100%;margin-top:72px;padding-top:15px;padding-bottom:15px;padding-left:15px;display:flex}.suggestion-text1{font-size:20px;font-weight:700;line-height:24px}.suggestion-text2{width:260px;font-size:15px;font-weight:400;line-height:20px}.subscribe-button{background-color:#1d9bf0;border-radius:9999px;width:fit-content;padding:9px 17px;font-size:15px;font-weight:700;line-height:20px}.subscribe-button:hover{background-color:#1a8cd8}.suggestion-line{background-color:#2f3336;width:100%;height:1px}.what-happening-container{border:1px solid #2f3336;border-radius:10px;flex-direction:column;gap:24px;width:100%;padding-top:12px;padding-bottom:17px;padding-left:16px;display:flex}.what-happening-box{cursor:pointer;flex-direction:row;display:flex}.what-happening-box-left{flex-direction:column;width:50%;display:flex}.what-happening-box-right{background-color:#000;flex-direction:column;justify-content:center;align-items:end;width:50%;padding-right:10px;display:flex}.suggestion-threedot-button{background-color:#0000;border-radius:100px;flex-direction:row;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.suggestion-threedot-button:hover{background-color:#031018}.suggestion-threedot-button:hover .header-profile-threeDot{fill:#1d9bf0}.suggestion-trending{font-size:13px;line-height:16px}.show-more{color:#1d9bf0;flex-direction:row;width:100%;font-size:15px;font-weight:400;line-height:20px;display:flex}.who-to-follow-container{border:1px solid #2f3336;border-radius:10px;flex-direction:column;gap:24px;width:100%;padding-top:15px;padding-bottom:15px;padding-left:15px;display:flex}.who-to-follow-box{cursor:pointer;flex-direction:row;display:flex}.who-to-follow-box-left{flex-direction:row;width:60%;display:flex}.who-to-follow-box-right{flex-direction:row;justify-content:end;align-items:center;width:40%;padding-right:10px;display:flex}.who-to-follow-buttons{color:#000;background-color:#fff;border-radius:100px;padding:8px 17px;font-size:14px;font-weight:500;line-height:16px}.who-to-follow-buttons:hover{background-color:#e0e0e0}.fotter-link-container{flex-direction:column;gap:11px;width:100%;padding-bottom:86px;padding-left:16px;display:flex}.fotter-link-top{color:#71767b;flex-direction:row;gap:7px;font-size:12px;font-weight:400;line-height:12px;display:flex}.fotter-link-top-text{color:#71767b}.fotter-link-bottom{color:#71767b;flex-direction:row;gap:7px;font-size:12px;font-weight:400;line-height:12px;display:flex}.header-profile-threeDot{fill:#71767b}.header-profile-threeDot:hover{fill:#1d9bf0}@media screen and (max-width:1102px){.suggestions-box{width:fit-content}.Suggestions-input{width:285px}}@media screen and (max-width:1017px){.suggestions{display:none}.feed{flex:1;position:relative}}@media screen and (max-width:700px){.feed{border-right-color:#0000;width:100%}.feed-for-you-button,.feed-following-button{width:50%}.main{width:100%}}@media screen and (max-width:515px){.feed-home{color:#fff;background-color:#000;flex-direction:row;justify-content:left;align-items:center;height:52px;padding-left:20px;font-size:20px;font-weight:700;line-height:24px;display:flex}.feed-header{top:52px}.feed-input-post-container{padding-top:104px}}@media screen and (max-width:550px){.posted-box-bottom{gap:10px}}@media screen and (max-width:700px){.feed-header{border-right-color:#0000;width:89%;position:fixed;right:0}}@media screen and (max-width:666px){.feed-header{width:88%}}@media screen and (max-width:604px){.feed-header{width:87%}}@media screen and (max-width:552px){.feed-header{width:86%}}@media screen and (max-width:509px){.feed-header{width:85%}}@media screen and (max-width:471px){.feed-header{width:84%}}@media screen and (max-width:438px){.feed-header{width:83%}}@media screen and (max-width:409px){.feed-header{width:82.5%}}@media screen and (max-width:397px){.feed-header{width:82%}}@media screen and (max-width:382px){.feed-header{width:81%}}@media screen and (max-width:339px){.feed-header{width:80%}}@media screen and (max-width:490px){.earase490{display:none}}@media screen and (max-width:455px){.earase455{display:none}}@media screen and (max-width:400px){.earase400{display:none}.posted-box-bottom{flex-direction:row;gap:0;display:flex}}.feed-post-option-button:hover .green{fill:#adff2f}.greenButton:hover{background-color:#1e271e}.pinkButton:hover{background-color:#2f2128}.feed-post-option-button:hover .pink{fill:#ff69b4}
.delete-edit-modal-cover{z-index:10;background-color:#0000;width:100%;height:100vh;position:fixed;top:0;left:0}.delete-edit-modal{z-index:10;background-color:#000;border:2px solid #ffffff23;border-radius:10px;flex-direction:column;width:248px;height:440px;display:flex;position:absolute;top:0;left:0;box-shadow:0 0 10px #fffefc0c}.modal-button{cursor:pointer;background-color:#000;border-radius:10px;flex-direction:row;align-items:center;gap:14px;width:100%;height:100%;padding-left:16px;font-weight:400;display:flex}.modal-button:hover{background-color:#0b0b0b}.modal-button-image{fill:#fff;width:18.75px;height:18.75px}.red{fill:red;color:red;font-weight:600}.feed-post-option-button2{position:relative}
.edit-cover-model{z-index:15;background-color:#0ff3;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.edit-modal{z-index:15;background-color:#000;border-radius:10px;flex-direction:column;width:600px;padding-top:10px;padding-bottom:10px;display:flex;position:fixed;top:40px}.edit-modal-header{flex-direction:row;align-items:center;width:100%;height:53px;padding-top:1px;padding-left:10px;display:flex}.close-button{border-radius:100px;padding:10px}.close-button:hover{background-color:#404040}.edit-input-container{width:100%;height:127px;padding-top:10px;position:relative}.edit-input-image-container{position:absolute;top:5px;left:18px}.edit-input{color:#fff;resize:none;outline:none;flex-direction:row;width:100%;height:100%;padding-left:76px;font-size:20px;font-weight:500;line-height:24px;display:flex}.close-image{fill:#fff;width:20px;height:20px}.edit-post-container{border-color:#0000}.edit-post-box{border-color:#0000;padding-top:10px}@media screen and (max-width:702px){.edit-modal{align-items:center;width:100%;left:0}.edit-cover-model{background-color:#000}.edit-line{width:90%}}