@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap);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}*{box-sizing:border-box;font-family:roboto;margin:0;padding:0}.app{display:flex;margin-left:auto;margin-right:auto;max-width:1250px}:root{--main-color:#1b90ee;--hover:#1986df;--border:#e1e8ed}.sidebar{align-items:baseline;border-right:1px solid var(--border);flex:.2 1;height:100vh;padding:1rem 0}.sidebar,.sidebar__Icons{display:flex;flex-direction:column;justify-content:space-between}.sidebar__Icons{width:100%}.sidebar p{font-size:1.3rem}.sidebar__twitterLogo{height:30px;margin-bottom:1rem;margin-left:.3rem;object-fit:contain;width:30px}.sidebar__Icon{align-items:center!important;display:flex!important;gap:10px!important;margin-bottom:.5rem!important;width:100%}.sidebar__Icon:hover{cursor:pointer}.sidebar__Tweet{background-color:var(--main-color);border-radius:50px;color:#fff;padding:1rem;text-align:center;width:90%}.sidebar__Tweet:hover{background-color:var(--hover);cursor:pointer}.sidebar__Avatar{align-items:center;display:flex;gap:10px;width:100%}.sidebar__AvatarImage{border-radius:50px;height:50px;object-fit:contain;width:50px}.sidebar__Avatar p{font-size:.8rem}.sidebar__AvatarInfo{align-items:center;display:flex;justify-content:space-between;width:180px}.sidebar__AvatarInfo p{margin-bottom:5px;text-align:left}.avatar__name{font-weight:700}.sidebar__IconButton{border-radius:50px!important;color:#000!important;display:flex!important;gap:10px!important;text-decoration:none!important}.mobile{display:none!important}@media screen and (max-width:600px){.sidebar{width:10%}.sidebar__Icon p{display:none}.sidebar__IconButton{width:100%}.desk,.sidebar__AvatarInfo{display:none}.sidebar__Icons{align-items:center}.mobile{background-color:var(--main-color)!important;border-radius:50px!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;height:35px!important;object-fit:contain!important;padding:5px!important;width:35px!important}}@media screen and (min-width:600px) and (max-width:800px){.sidebar{flex:.1 1}.sidebar__Icon p{display:none}.sidebar__IconButton{width:100%}.desk,.sidebar__AvatarInfo{display:none}.sidebar__Icons{align-items:center}.mobile{background-color:var(--main-color)!important;border-radius:50px!important;box-sizing:border-box!important;color:#fff!important;display:flex!important;height:35px!important;object-fit:contain!important;padding:5px!important;width:35px!important}}.middle{border-right:1px solid var(--border);display:flex;flex:.5 1;flex-direction:column;height:100vh;overflow:scroll}.middle::-webkit-scrollbar{display:none}@media screen and (max-width:600px){.middle{flex:.8 1}}@media screen and (min-width:601px) and (max-width:800px){.middle{flex:.5 1}}.tweet__deets{align-items:flex-start;border-bottom:1px solid #f5f8fa;display:flex;gap:15px;padding:.7rem;width:100%}.tweet:hover{background-color:#f5f8fa;cursor:pointer}.tweet__rt{gap:15px;margin-left:42px;padding-top:10px}.name__verified,.tweet__rt{align-items:center;display:flex}.name__verified{gap:5px}.retweet{color:#3e3e3e;font-size:.8rem;font-weight:700}.tweet__container{width:70%}.tweet__details{padding-top:5px}.tweet__name{align-items:center;display:flex;gap:10px;margin-bottom:5px}.tweet__detailsName{font-weight:700}.tweet__detailsUsername{font-size:.8rem;font-weight:400}.tweet__icons{display:flex;justify-content:space-between;margin-top:1rem;width:100%}.icon{height:15px!important;width:15px!important}.icons__box{align-items:center;display:flex;gap:5px}.icons__box p{font-size:.8rem}.tweetBox{border-bottom:1px solid #f5f8fa;padding:10px}.middle__Image{border-radius:50px!important;height:50px!important;width:50px!important}.tweetBox__input{align-items:flex-start;display:flex;width:100%}.tweetBox__container{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.inputBox{border:none;font-size:1.2rem;height:50px;padding:1rem;width:100%}.inputBox:focus{outline:none}.inputBox::-webkit-input-placeholder{color:#3b3b3b;opacity:1}.inputBox:-ms-input-placeholder{color:#3b3b3b;opacity:1}.inputBox::placeholder{color:#3b3b3b;opacity:1}.textarea__Options{align-items:center;display:flex;justify-content:space-between;margin:10px auto auto;padding-top:1rem;width:90%}.textarea__icons{display:flex;gap:15px;justify-content:space-evenly;width:10vw}.textarea__icon:hover{background-color:#e0ffff;border-radius:50px;cursor:pointer}.textarea__icon{color:var(--main-color)}.textarea__Button{background-color:var(--main-color);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:5px;padding:.5rem 1rem;text-align:center}.textarea__Button:hover{background-color:var(--hover)}.rightside{flex:.3 1;height:100vh;overflow:scroll;padding-left:1rem}.rightside::-webkit-scrollbar{display:none}.container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-left:1rem;width:95%}.input__box{background-color:#fff;padding:1rem,;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.right__input{background-color:#edf1f2;border:none;border-radius:30px;font-size:1rem;padding:1rem;top:5px;width:100%}.right__input::-webkit-input-placeholder{color:#3b3b3b;font-size:1rem;margin-left:1rem;opacity:1;padding:1rem}.right__input:-ms-input-placeholder{color:#3b3b3b;font-size:1rem;margin-left:1rem;opacity:1;padding:1rem}.right__input::placeholder{color:#3b3b3b;font-size:1rem;margin-left:1rem;opacity:1;padding:1rem}.right__input:focus{border:1px solid var(--main-color);outline:none}.rightSide__whoToFollow,.whatsHappening{background-color:#f7f9f9;border-radius:20px;width:100%}.link-copy{padding-bottom:5rem;width:100%}.links{display:flex;flex-wrap:wrap;gap:10px;padding:0 1rem}.link{color:#3b3b3b;font-size:.8rem}.link a{color:#3b3b3b;text-decoration:none}.heading{margin:1rem}.trending{width:100%}@media screen and (max-width:600px){.rightside{display:none}}@media screen and (min-width:601px) and (max-width:800px){.rightside{flex:.4 1}.rightSide__whoToFollow{margin-top:1rem}}.trendingPost{align-items:center;display:flex;justify-content:space-between;padding:.5rem 1rem;width:100%}.trendingPost:hover{background-color:#ecedee;cursor:pointer}.trendingPost__Category{color:#575757;font-size:.8rem;gap:10px}.trendingPost__Category,.trendingPost__CategoryFlex{align-items:center;display:flex}.category__dot{font-size:.5rem}.trendingPost__caption{display:flex;flex-direction:column;font-weight:700;gap:5px;margin-top:.5rem}.trendingPost__Image,.trendingPost__Imagebox{height:75px;width:75px}.trendingPost__Image{border-radius:15px}@media screen and (min-width:601px) and (max-width:800px){.trendingPost__Image{height:60px;width:60px}.trendingPost__caption{font-size:.8rem}}.whoToFollow{align-items:center;display:flex;justify-content:space-between;padding:1rem}.whoToFollow:hover{background-color:#ecedee;cursor:pointer}.avatar__image{border-radius:50px;height:50px;width:50px}.whoToFollow__avatar{align-items:center;display:flex;gap:10px}.name__flex{display:flex;gap:5px}.followButton{height:35px}@media screen and (min-width:601px) and (max-width:800px){.avatar__image{height:35px;width:35px}.whoToFollow p{font-size:.8rem}.followButton{height:30px}}.explore{border-right:1px solid var(--border);display:flex;flex:.5 1;flex-direction:column;height:100vh;overflow:scroll}@media screen and (max-width:600px){.explore{flex:.8 1}}@media screen and (min-width:601px) and (max-width:800px){.explore{flex:.8 1}}.exploreBanner{height:35vh;overflow:visible;position:relative}.exploreBanner__Heading{bottom:10px;color:#fff;left:10px;position:absolute;text-shadow:1px 1px 1px #000}.exploreBanner img{height:100%;object-fit:cover;width:100%}.exploreSearchbar{align-items:center;background-blend-mode:overlay;background-color:#fff;display:flex;justify-content:space-between;padding:0 1rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.exploreSearchbar input{background-color:#edf1f2;width:90%}
/*# sourceMappingURL=main.91c31934.css.map*/