body{background-color:#15202b;margin:0}.div-premium-popup .subscibe-btn,.feed-new-post-btn,.join-content .login-btn,.new-post div:first-child .textarea-new-post,.new-post div:first-child input,.popup-inner .cancel-btn,.popup-inner .done-btn,.popup-inner-v2 button,.profile-details .follow-btn,.sideBar .btn-popup-sidebar,.sideBar-post,.subscribe-premium-btn,.who-connect-details-users .follow-btn,.who-to-follow .follow-btn,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app{display:flex;height:100vh;justify-content:center;margin:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding-left:40px;padding-right:40px}.all-trending-topics{border-left:1px solid #dedede9f;border-right:1px solid #dedede9f}.all-trends{color:#fff;width:600px}.all-trends h2{border-left:1px solid #dedede9f;border-right:1px solid #dedede9f;margin:0;padding:14px}.trending-pages{cursor:pointer;padding:5px 5px 5px 14px}.trending-pages:hover{background-color:#9e9fa12d}.trending-pages p{color:#dedede9f;font-size:12px;margin:0}.trending-pages b{color:#fff}.sideBar{display:flex;flex:0.3 1;flex-direction:column;padding:15px}.sideBar-option{align-items:center;color:#fff;cursor:pointer;display:flex}.sideBar-option:hover{background-color:rgba(247,249,249,.1);border-radius:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.twitter-icon{color:#1d9bf0;padding:10px;-webkit-transform:scale(1.5);transform:scale(1.5)}.twitter-icon:hover{background-color:rgba(247,249,249,.1);border-radius:50%;cursor:pointer}.svg-sideBar{padding:10px;-webkit-transform:scale(1.3);transform:scale(1.3)}.sideBar-option h3{font-size:18px;font-weight:700;margin-right:30px}.sideBar-option--active{color:#1d9bf0}.sideBar-post{background-color:#1d9bf0;border:none;border-radius:30px;color:#fff;font-size:18px;font-weight:700;margin-top:15px;padding:10px;text-transform:capitalize;width:100%}.sideBar-post:hover{background-color:rgba(29,156,240,.9);cursor:pointer}.sideBar .btn-popup-sidebar{background-color:initial;border:none}.log-out-popup{align-items:center;display:flex;flex-direction:column;justify-content:center}.popup-inner-v2 p{color:#dedede9f}.popup-inner-v2 button{background-color:#fff;border:none;border-radius:20px;color:#15202b;cursor:pointer;font-size:20px;font-weight:500;padding-bottom:6px;padding-top:6px;width:60%}.popup{align-items:center;background-color:rgba(0,0,0,.6);color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-inner{max-width:640px}.popup-inner,.popup-inner-v2{background-color:#15202b;border-radius:20px;padding:43px;position:relative;width:100%}.popup-inner-v2{max-width:340px}.popup-inner .close-btn{background-color:initial;border:none;color:#fff;cursor:pointer;left:16px;position:absolute;top:16px}.popup-inner-v2 .cancel-btn{background-color:initial;border:1px solid #dedede9f;border-radius:20px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;margin-left:20%;margin-top:30px;padding-bottom:6px;padding-top:6px;width:60%}.function-no-avaible{align-items:center;display:flex;flex-direction:column;justify-content:center}.function-no-avaible h3{color:#dedede9f;text-align:center;width:70%}.function-no-avaible img{border-radius:20px}.div-premium-popup{align-items:center;display:flex;flex-direction:column;justify-content:center}.div-premium-popup h1{margin:30px 0 0}.div-premium-popup .type-of-subscriptions{align-items:center;display:flex;gap:50px;justify-content:center;padding:14px}.div-premium-popup .type-of-subscriptions div span{color:#dedede9f;font-size:14px}.div-premium-popup .type-of-subscriptions div h3{margin:0}.div-premium-popup .type-of-subscription{border:2px solid #00000000;border-radius:10px;cursor:pointer;padding:15px}.div-premium-popup .type-of-subscription--active{border:2px solid #1d9bf0}.div-premium-popup .type-of-subscription:hover{background-color:rgba(41,61,80,.444)}.div-premium-popup .subscibe-btn{border:none;border-radius:25px;cursor:pointer;font-size:18px;font-weight:600;height:40px;width:60%}.div-premium-popup p{font-size:15px}.div-premium-popup p span{color:#1d9bf0;cursor:pointer}.div-premium-popup p span:hover{text-decoration:underline}.change-styles{align-items:center;display:flex;flex-direction:column;justify-content:center}.change-styles h1{margin:2px}.change-styles .customize-span{color:#dedede9f;font-size:14px;font-weight:500;margin-bottom:15px}.change-styles .settings{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.change-styles span{color:#dedede9f;font-size:14px;font-weight:700}.change-styles .styles-section{border-radius:10px;display:flex;justify-content:space-evenly;margin-bottom:32px;padding:5px;width:100%}.change-styles .styles-section div{align-items:center;border:2px solid #1d9bf0;border-radius:10px;display:flex;font-weight:700;height:60px;justify-content:center;width:100px}.change-styles .styles-section .dim{background-color:#15202b;color:#fff}.color-section .blue{align-items:center;background-color:#1d9bf0;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.fake-post{border:1px solid #dedede65;border-radius:20px;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;padding:15px;width:70%}.fake-post .fake-post-data{align-items:center;display:flex;gap:15px;justify-content:flex-start}.fake-post .fake-post-data .post-username-data{align-items:center;display:flex;gap:5px;justify-content:center}.fake-post p{margin:0;padding-left:55px}.fake-post .verified{color:#1d9bf0;font-size:18px}.feed{color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header-feed{border-left:1px solid #dedede9f;border-right:1px solid #dedede9f}.feed h2{margin:0;padding:15px}.new-post{border-bottom:1px solid #dedede9f;display:flex;flex-direction:column;justify-content:space-between;padding:10px}.new-post div:first-child{align-items:center;display:flex;gap:12px;padding:5px}.new-post div:nth-child(2){align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:5px}.new-post div img{border-radius:50%}.new-post div:first-child .textarea-new-post{background:transparent;border:none;color:#fff;font-size:1.3rem;font-weight:400;outline:none;resize:none;width:100%}.feed-new-post-btn{background-color:#1d9bf0;border:none;border-radius:30px;color:#fff;font-size:16px;font-weight:700;margin-top:15px;padding:5px 15px;text-transform:capitalize}.feed-new-post-btn:hover{background-color:rgba(29,156,240,.9);cursor:pointer}.posts{align-items:center;border-left:1px solid #dedede9f;border-right:1px solid #dedede9f;justify-content:center}.post,.posts{display:flex;flex-direction:column;width:600px}.post{border-bottom:1px solid #dedede9f;color:#fff;height:-webkit-max-content;height:max-content}.post:hover{background-color:hsla(0,0%,66%,.05)}.post .post-content{display:flex;flex-direction:column;gap:16px;padding:15px}.post ul{display:flex;justify-content:space-around;list-style:none}.post .avatar-profile-img{border-radius:50%}.post .post-details{display:flex;gap:12px}.post .post-username-data{align-items:center;display:flex;gap:14px;justify-content:left}.post .post-username-data b:hover{text-decoration:underline}.post .post-img,.post .text-post{border-radius:25px;margin-bottom:0;margin-left:60px;margin-top:0;width:87%}.post ul li,.reply ul li{align-items:center;display:flex;font-size:13px;gap:5px;justify-content:center}.post ul li:first-child:hover,.post ul li:nth-child(4):hover{color:#1d9bf0;cursor:pointer}.post ul li:nth-child(3):hover{color:#df245d;cursor:pointer}.post ul li:nth-child(2):hover{color:#19cf86;cursor:pointer}.post ul li:first-child:hover .comment-svg-icon,.post ul li:nth-child(4):hover .comment-svg-icon{background-color:rgba(29,156,240,.2)}.post ul li:nth-child(2):hover .reply-svg-icon{background-color:rgba(25,207,134,.2)}.post ul li:nth-child(3):hover .like-svg-icon{background-color:rgba(223,36,92,.2)}.post .verified{color:#1d9bf0;font-size:18px}.post .not-verified{display:none}.tw-like-button.is-liking{color:#df245d}.tw-repost-button.is-reposting{color:#19cf86}.tw-comment-button.is-commenting{color:#1d9bf0}.widgets{gap:15px;width:400px}.subscription-premium,.widgets{display:flex;flex-direction:column;padding:15px}.subscription-premium{background-color:#1e2732;border-radius:20px;color:#fff;gap:5px}.subscription-premium h3,.trending-topics h3,.user-to-follow h3{margin:0}.trending-topics h3,.user-to-follow h3{padding:15px}.subscribe-premium-btn{background-color:#1d9bf0;border:none;border-radius:30px;color:#fff;font-size:16px;font-weight:700;margin-top:15px;padding:5px 15px;text-transform:capitalize;width:50%}.subscribe-premium-btn:hover{background-color:rgba(29,156,240,.9);cursor:pointer}.user-to-follow{background-color:#1e2732;border-radius:20px;color:#fff;display:flex;flex-direction:column;gap:10px}.follow-username-data b{color:#fff}.user-to-follow .who-to-follow{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding-left:15px;padding-right:15px}.user-to-follow .who-to-follow:hover{background-color:#9e9fa12d}.user-to-follow .who-to-follow img{border-radius:50%}.user-to-follow .who-to-follow .follow-username-data{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:5px;width:90%}.follow-username-data div{align-items:center;display:flex;gap:5px}.user-to-follow .who-to-follow span{color:#dedede9f}.who-to-follow .verified{color:#1d9bf0;font-size:18px}.who-to-follow .not-verified{display:none}.trending-topics .show-more,.user-to-follow .show-more{color:#1d9bf0;cursor:pointer;padding:10px 10px 10px 15px}.trending-topics .show-more:hover,.user-to-follow .show-more:hover{background-color:#9e9fa12d;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.trending-topics{background-color:#1e2732;border-radius:20px;color:#fff;display:flex;flex-direction:column;gap:5px}.trending-topic{cursor:pointer;padding:5px 5px 5px 14px}.trending-topic:hover{background-color:#9e9fa12d}.trending-topic p{color:#dedede9f;font-size:12px;margin:0}.trending-topic b{color:#fff}.follow-username-data b:hover{text-decoration:underline}.individual-posts{color:#fff;width:600px}.feed-replys{border-left:1px solid #dedede9f;border-right:1px solid #dedede9f}.individual-post{display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;padding:15px}.individual-posts h2{border-left:1px solid #dedede9f;border-right:1px solid #dedede9f;margin:0;padding:14px}.individual-post .individual-post-content{cursor:pointer;display:flex;gap:16px}.individual-post .individual-post-content b:hover{text-decoration:underline}.individual-post ul{display:flex;justify-content:space-around;list-style:none}.individual-post .avatar-profile-img{border-radius:50%}.individual-post .individual-post-details .individual-post-username-data{align-items:flex-start;display:flex;flex-direction:column}.individual-post .individual-post-details .individual-post-username-data span{color:#dedede9f}.content-indivual-post .individual-post-img{border-radius:25px;width:95%}.individual-post ul{border-bottom:1px solid #dedede9f;border-top:1px solid #dedede9f;margin:5px;padding:10px}.individual-post ul li:first-child:hover,.individual-post ul li:nth-child(4):hover{background-color:rgba(29,156,240,.2);border-radius:50%;color:#1d9bf0;cursor:pointer}.individual-post ul li:nth-child(3):hover{background-color:rgba(223,36,92,.2);border-radius:50%;color:#df245d;cursor:pointer}.individual-post ul li:nth-child(2):hover{background-color:rgba(25,207,134,.2);border-radius:50%;color:#19cf86;cursor:pointer}.individual-post .verified{color:#1d9bf0;font-size:18px}.individual-post .not-verified{display:none}.content-indivual-post .details-post-publication p{color:#dedede9f;font-size:15px}.content-indivual-post .details-post-publication b,.reply{color:#fff}.reply{border-bottom:1px solid #dedede9f;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;padding:15px}.reply .reply-content{display:flex;gap:16px}.reply ul{display:flex;justify-content:space-around;list-style:none}.reply .avatar-profile-img{border-radius:50%;cursor:pointer}.reply .reply-details .reply-username-data{align-items:center;display:flex;gap:14px;justify-content:left}.reply .reply-details .reply-username-data span{color:#dedede9f;cursor:pointer}.reply .reply-details .reply-username-data b:hover{cursor:pointer;text-decoration:underline}.reply ul li:first-child:hover,.reply ul li:nth-child(4):hover{color:#1d9bf0;cursor:pointer}.reply ul li:nth-child(3):hover{color:#df245d;cursor:pointer}.reply ul li:nth-child(2):hover{color:#19cf86;cursor:pointer}.comment-svg-icon,.like-svg-icon,.reply-svg-icon{align-items:center;border-radius:50%;display:flex;height:20px;justify-content:center;padding:8px;width:20px}.reply ul li:first-child:hover .comment-svg-icon,.reply ul li:nth-child(4):hover .comment-svg-icon{background-color:rgba(29,156,240,.2)}.reply ul li:nth-child(2):hover .reply-svg-icon{background-color:rgba(25,207,134,.2)}.reply ul li:nth-child(3):hover .like-svg-icon{background-color:rgba(223,36,92,.2)}.reply .verified{color:#1d9bf0;font-size:18px}.reply .not-verified{display:none}.new-users{color:#fff;margin-left:10px;margin-right:10px;width:600px}.new-users h2{margin:0;padding:15px}.new-users h2,.who-connect-page{border-left:1px solid #dedede9f;border-right:1px solid #dedede9f}.who-connect-page{padding:15px 15px 20px}.who-connect-page img{border-radius:50%}.who-connect-details-users{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.who-connect-details-users div{align-items:flex-start;display:flex;flex-direction:column;padding:0 10px;width:100%}.who-connect-details-users div .verified-who-connect{display:flex;flex-direction:row;justify-content:flex-start}.who-connect-details-users div span{color:#dedede9f}.who-connect-details-users .verified{color:#1d9bf0;font-size:18px}.who-connect-details-users .not-verified{display:none}.who-connect-page p{font-size:14px}.verified-who-connect b:hover{text-decoration:underline}.tw-followCard-button{border:1px solid #15202b;border-radius:999px;cursor:pointer;font-weight:600;padding:2px 16px;transition:background-color .3s ease}.tw-followCard-button:hover{opacity:.8}.tw-followCard-text{align-items:center;display:flex;height:1px;justify-content:center}.tw-followCard-button.is-following,.tw-followCard-text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tw-followCard-button.is-following{background:transparent;border:1px solid #dedede9f;color:#fff}.tw-followCard-button.is-following:hover{align-items:center;background-color:rgba(255,0,0,.178);border:1px solid red;color:red;display:flex;height:30px;justify-content:center;opacity:1;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tw-followCard-button.is-following:hover .tw-followCard-text{display:none}.tw-followCard-button.is-following:hover .tw-followCard-stopFollow{display:block}.tw-followCard-stopFollow{display:none}.profile-details{border-left:1px solid #dedede9f;border-right:1px solid #dedede9f;color:#fff;width:600px}.profile-details .content-profile-details{border-bottom:1px solid #dedede9f}.profile-details .img-and-followBtn{align-items:center;display:flex;justify-content:space-between;padding:15px}.profile-details .img-and-followBtn img{border-radius:50%}.profile-details .data-profile-details{padding:15px}.profile-details h3{font-size:20px;font-weight:900;margin:0;padding-top:20px}.profile-details span{color:#dedede9f;font-size:14px}.profile-details p{font-size:16px}.profile-details h4{color:#dedede6c;font-size:28px;padding:50px;text-align:center}.log-page{display:flex;height:100vh;justify-content:center}.main-login{align-items:center;color:#fff;display:flex;gap:32px}.join-content{display:flex;flex-direction:column;gap:20px}.join-content h1{font-size:64px;margin:0 0 32px}.join-content h3{font-size:27px;margin:0}.join-content input{background:transparent;border:none;border-bottom:1px solid #dedede9f;display:block;outline:none}.join-content .login-btn,.join-content input{color:#fff;font-size:18px;padding:10px 10px 10px 5px;width:300px}.join-content .login-btn{background-color:#1d9bf0;border:none;border-radius:20px;cursor:pointer;font-weight:600}.join-content .login-btn:hover{background-color:rgba(29,156,240,.8)}
/*# sourceMappingURL=main.4c13b724.css.map*/