:root{--color-twitter-light-blue:#eaf5fc;--color-twitter-blue:#48a1eb;--color-twitter-bg:#e7ecef;--color-twitter-light-gray:#f5f8fa;--color-twitter-mid-gray:#ced6dc;--color-twitter-dark-gray:#667582;--color-font-main:#000;--color-font-secondary:#14171a;--color-nav-border:#00000040}
*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;background-color:#fff;color:#330f0f}
a{color:#000}
a:visited,a:hover{color:#000}
#mine .wrapper-left{position:relative!important}
#mine .wrapper-left .sidebar-left{position:fixed!important;width:276px!important;height:100%;top:0;background-color:#fff!important;font-size:19px!important;border-right:.5px solid #e6ecf0!important;margin-left:9px!important}
#mine .grid-sidebar{width:30px;margin-bottom:20px!important}
#mine .grid-sidebar:hover{color:#1da1f2!important;cursor:pointer!important}
#mine .icon-sidebar-align{display:flex!important;justify-content:center!important;align-items:center!important}
#mine .bg-active{color:#1da1f2!important;font-weight:700!important}
#mine .button-twittear{display:inline-block;color:#fff;height:30px;width:30px;text-align:center;vertical-align:middle;border:1px solid transparent;padding:.1rem .5rem;font-size:15px;line-height:1.5;border-radius:28px 28px 28px 28px;-moz-border-radius:28px 28px 28px 28px;-webkit-border-radius:28px 28px 28px 28px;border:0 solid #000;cursor:pointer;background:linear-gradient(90deg,#d261ff,#a967d1);font-weight:900;transition:.3s}
#mine .box-user{position:fixed;right:0;bottom:10px;left:60px}
#mine .grid-user{display:grid;grid-template-columns:4% 12.5% 2%}
#mine p{margin:0}
#mine .img-user{height:30px;width:30px;border-radius:50%}
#mine .name{font-size:15px;margin:0!important}
#mine .username{margin:0!important;margin-top:3px;font-size:15px;color:#8c9aa5}
#mine .mt-arrow{margin-top:5px}
#mine .grid-posts{background-color:#fff;margin-left:50px}
#mine .border-right{border-right:.5px solid #e6ecf0!important}
#mine .center-input-search{margin-left:32%;margin-top:10px}
#mine .input-group-login{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:95%}
#mine .input-group-prepend-login{margin-right:-1px;display:-ms-flexbox;display:flex}
#mine .input-group-login > .custom-select:not(:first-child),#mine .input-group-login > .form-control-login:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
#mine .input-group-login > .custom-file,#mine .input-group > .custom-select,#mine .input-group-login > .form-control-login{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}
#mine .mt-login{margin-top:.25rem!important}
#mine .border-0-login{border:0!important}
#mine .form-control-login{display:block;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#e6ecf0;border-radius:10px;border:0 solid #000;height:37px}
#mine button,#mine input{overflow:visible}
#mine .input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;height:37px;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;text-align:center;white-space:nowrap;border:1px solid #e6ecf0;border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px}
#mine .input-border-none{outline:none}
#mine .fondo-icon{background:#e6ecf0}
#mine .box-search{width:100%;background-color:#fff}
#mine .box-fixed{position:fixed;width:33%;left:25.4%;top:40px;-webkit-box-shadow:0 3px 5px -1px #ccaeccff;-moz-box-shadow:0 3px 5px -1px #ccaeccff;box-shadow:0 3px 5px -1px #ccaeccff}
#mine .grid-toolbar-center{display:block}
#mine .mt-icon-settings{margin-top:15px}
#mine .box-home{transition:.5s}
.profile-row{margin-left:auto;margin-right:auto;max-width:100%}
.profile-cover{margin:0 auto}
.page-back{display:inline-block;vertical-align:top}
.page-name{display:inline-block;padding-left:1em}
.arrow-style{font-size:18px;transition:.5s;padding:10px}
.arrow-style:hover{border-radius:50%;transition:.5s;background-color:#bacad8}
.home-name{font-size:14px;font-weight:800}
.home-tweets-num{font-size:11px;color:gray}
.home-img-cover{height:100%}
.home-img-user{height:160px;width:160px;border-radius:50%;position:relative;bottom:70px;left:30px}
.home-edit-button{display:inline-block;color:#1DA1F2;height:42px;text-align:center;vertical-align:middle;padding:.375rem .75rem;font-size:15px;line-height:1.5;border-radius:28px 28px 28px 28px;-moz-border-radius:28px 28px 28px 28px;-webkit-border-radius:28px 28px 28px 28px;border:1px solid #1DA1F2;cursor:pointer;margin-right:25px;margin-top:15px;background:transparent;font-weight:700;transition:.3s}
.home-edit-button:hover{transition:.5s;background-color:#c2dff8}
.home-title{margin-left:20px;position:relative;bottom:60px;height:59px}
.home-title h4{font-size:20px;font-weight:800}
.home-title .user-handle{position:absolute;top:22px}
.home-title .bio{position:absolute;top:47px;padding-right:7px}
.home-loc-link{color:gray}
.home-follow{color:gray}
.home-follow-count{color:#000;font-weight:600}
.home-follow i:hover{border-bottom:1px solid #000}
.nav-tabs{border-bottom:0}
.the-tweet{padding-left:7px;z-index:999}
#mine .img-user-tweet{max-width:100%;border-radius:50%}
#mine .box-share{margin:20px;margin-right:60px;border-radius:10px;background-color:#F5F8FA}
#mine .grid-share{padding:10px;margin-top:10px;display:grid;grid-template-columns:18% 60% auto;transition:.5s}
#mine .grid-share:hover{transition:.5s;background-color:#E6ECF0}
#mine .txt-share{font-size:18.5px;padding:10px}
#mine .img-share{height:49px;width:49px;border-radius:50%}
#mine .button-signup{display:inline-block;font-weight:400;color:#1DA1F2;height:auto;width:78px;text-align:center;vertical-align:middle;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:28px 28px 28px 28px;-moz-border-radius:28px 28px 28px 28px;-webkit-border-radius:28px 28px 28px 28px;border:1px solid #1DA1F2;cursor:pointer;background-color:transparent}
.btn-gradient{background:linear-gradient(90deg,#9961ff,#ec88ec);color:#fff;border:0}
.color-gradient{background:-webkit-linear-gradient(#9961ff,#ec88ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.image-upload > input{display:none}
.image-upload i{cursor:pointer}
.modal-dialog:not(.new-tweet-modal),.modal-content:not(.new-tweet-modal){height:95%}
.modal-body:not(.new-tweet-modal){max-height:calc(100% - 120px);overflow-y:scroll}
.search-input{background-color:#eb88ec0d!important;border-radius:20px!important;padding-left:40px}
.search-input:focus{background-color:#fff!important}
.spyglass{font-size:20px}
.eyeglass{padding-top:.3rem}
.eyeglass-container{display:inline-block;padding-left:1em;vertical-align:top;max-width:180px}
.tryy{position:absolute;top:7px;left:12px;z-index:20;font-weight:400;color:gray;line-height:25px!important}
.nav-right-down-wrap{width:85%;border:2px solid #ccc;overflow:auto;position:absolute;background:#fff;top:45px;left:8px;border-radius:5px;max-height:400px;z-index:20}
.nav-right-down-inner{height:60px;border-bottom:1px solid #ccc;margin-bottom:0}
.nav-right-down-wrap ul{margin-bottom:0}
.nav-right-down-inner{overflow:hidden;cursor:pointer}
.nav-right-down-wrap ul{float:none!important}
.nav-right-down-left{float:left;margin:0 5px 0 0}
.nav-right-down-left img{width:42px!important;height:42px;border-radius:50%}
.nav-right-down-right-headline a{font-weight:700;padding:0 2px;font-size:14px;color:#000;font-weight:700;padding:0 2px;font-size:14px;color:#000}
.nav-right-down-right-headline{margin-top:5px}
.nav-right-down-right-headline span{color:#A1A1A1}
.nav-right-down-right{float:left;margin:0 2px}
.follow-tab{display:inline-block;padding:1em}
.follow-btn{display:inline-block;color:#1DA1F2;height:42px;text-align:center;vertical-align:middle;padding:.375rem 1.2rem;font-size:16px;line-height:1.5;border-radius:28px 28px 28px 28px;-moz-border-radius:28px 28px 28px 28px;-webkit-border-radius:28px 28px 28px 28px;border:1px solid #1DA1F2;cursor:pointer;margin-right:30px;margin-top:15px;background:transparent;font-weight:700;transition:.3s}
.follow-btn-m{padding:.375rem .75rem;font-weight:400;height:auto;margin:0}
.follow:hover{transition:.5s;background-color:#c2dff8}
.following{transition:.5s;background-color:#2290D4;color:#fff}
.following:hover{transition:.5s;background-color:#CA2055;color:#fff}
button:focus{outline:none}
.count-following-i{cursor:pointer}
.count-followers-i{cursor:pointer}
.wrap5{background-color:#00000057;position:fixed;width:100%;height:100%;top:0;left:0;z-index:10000;display:block}
#mine .retweeted{color:#16cf16}
.retweet-popup-body-wrap{width:580px;height:auto;margin:0 auto;top:13%;position:relative;background:#fff;border-radius:5px;border:1px solid #9E9E9E;overflow:auto;max-height:600px}
.popup-users{width:520px;min-height:350px;max-height:500px}
.retweet-popup-heading h3{font-weight:400;font-size:16px;color:#000}
.retweet-popup-heading{text-align:center;padding:7px;border-bottom:1px solid #dde2e6}
.users{text-align:left;margin-left:10px}
.users h3{font-weight:800;font-size:17px;position:relative;top:10px}
.dropdown-menu{min-width:100px;font-size:14px}
.dropdown-item.delete-tweet{color:#dc3545}
.dropdown-item.delete-tweet:hover{background-color:#c400ff0d}
.retweet-popup-heading button{border:none;background:none;margin:0;padding:0;cursor:pointer}
.retweet-popup-heading span{float:right;position:relative;top:-18px;right:7px;font-size:14px;cursor:pointer}
.retweet-popup-heading span i{color:#afb1b3}
.retweet-popup-input{background:#fff8ff;padding:10px}
.retweet-popup-input-inner{width:99%}
.retweet-popup-input-inner input[type="text"]{width:96%;padding:8px 10px;border-radius:0;border:1px solid #dedede}
.retweet-popup-comment-wrap{width:95%;margin:10px auto;overflow:hidden}
.retweet-popup-comment-head{overflow:hidden;float:left}
.retweet-popup-comment-head img{width:45px;height:45px;border-radius:5px}
.retweet-popup-comment-headline{float:left}
.retweet-popup-comment-headline a{color:#333;text-decoration:none;font-weight:700}
.retweet-popup-comment-headline span{color:#aeaeae;font-weight:400;font-size:12px}
.retweet-popup-comment-body{float:left;overflow:hidden;color:#424242;font-size:14px}
.retweet-popup-comment-right-wrap{width:90%;overflow:hidden;float:left;margin:0 0 0 5px}
.retweet-popup-footer-right{float:right}
.retweet-popup-footer-right button[type="submit"]{background:#3a8efb;padding:8px 10px;border:1px solid #E7E7E7;color:#fff;font-weight:700;margin:10px;border-radius:5px;cursor:pointer}
.retweet-popup-footer-right button[type="submit"]:hover{background:#499bea;background:-moz-linear-gradient(top,#499bea 0%,#207ce5 100%);background:-webkit-linear-gradient(top,#499bea 0%,#207ce5 100%);background:linear-gradient(to bottom,#499bea 0%,#207ce5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea',endColorstr='#207ce5',GradientType=0)}
.retweet-popup-footer-right button[type="submit"]:active{background:#3a8efb;box-shadow:inset 0 0 3px #000}
.retweet-popup-footer-right button i{margin:0 3px 0 0;font-size:20px;font-weight:700;position:relative;top:1px}
#mine .box-share{margin:30px 0 20px;margin-right:60px;width:100%;border-radius:10px;background-color:#fff}
#mine .box-share-users{margin:5px;margin-right:15px;border-radius:10px;background-color:#fff}
#mine .grid-share{padding:10px;margin-top:10px;display:grid;grid-template-columns:18% 58% auto;transition:.5s}
#mine .grid-users{grid-template-columns:15% 60% auto}
#mine .grid-share:hover{transition:.5s;background-color:#E6ECF0}
#mine .txt-share{font-size:18.5px;padding:10px}
#mine .img-share{height:49px;width:49px;border-radius:50%}
.wrapper-right{position:fixed!important;top:0;right:0;height:100%;width:33%!important}
.wrapper-left a{color:#bf68ff}
.wrapper-left a:hover{text-decoration:none;color:#d8a4ff}
#mine .wrapper-left-active{color:#1DA1F2}
#mine .box-notifications{padding:2em 0 2em;position:relative;border-bottom:4px solid #eb88ec0d;border-top:4px solid #eb88ec0d;transition:.5s;cursor:pointer}
#mine .box-notifications:hover{transition:.5s;background-color:#eb88ec0d}
#mine .box-tweet{padding:2em 0 1em;transition:.5s;cursor:pointer}
#mine .box-tweet:hover{transition:.5s;background-color:#eb88ec0d}
#mine .box-comment{margin-top:5px;margin-left:27%;transition:.5s;cursor:pointer}
#mine .box-reply{margin-top:5px;margin-left:31%;transition:.5s;cursor:pointer}
#mine .box-comment:hover{transition:.5s;background-color:#eb88ec0d}
#mine .box-reply:hover{transition:.5s;background-color:#eb88ec0d}
#mine .grid-tweet{display:grid;grid-template-columns:12% 88%;padding-left:7px;padding-right:7px}
#mine .grid-notifications{margin-left:55px}
#mine .grid-notification{margin-left:7px;margin-right:7px}
#mine .username-twitter{color:#6a7b8a;font-size:15px}
#mine .img-post-tweet{height:100%;max-width:100%;border-radius:10px}
#mine .img-post-retweet{height:100%;width:100%;border-radius:10px}
#mine .img-upload-tmp{height:100%;width:100%;border-radius:10px;margin-left:30px}
#mine .upload-delete{top:20px;right:70px;color:red;font-size:22px;font-weight:800;z-index:23;cursor:pointer}
.upload-photo{display:none}
#mine .mt-post-tweet{margin-top:10px;padding-right:5em}
#mine .grid-reactions{display:grid;grid-template-columns:25% 25% 25% 25%;position:relative;z-index:20}
#mine .grid-box-reaction{display:grid;grid-template-columns:30% 10%;padding-top:8px}
#mine .grid-box-reaction-rep{display:grid;grid-template-columns:30% 10%;padding-top:4px;font-size:15px}
#mine .hover-reaction{padding:5px 0;height:38px;border-radius:50%;text-align:center;padding-top:5px}
#mine .hover-reaction-rep{height:20px;border-radius:50%;text-align:center}
#mine .hover-reaction-comment:hover{color:#1DA1F2}
#mine .hover-reaction-retweet:hover{color:#16cf16}
#mine .hover-reaction-like:hover{color:red}
#mine .unlike-btn{color:red}
#mine .mt-counter{margin-left:2px}
#mine .retweet-div{width:140px;background-color:#fff;border-radius:10px;position:absolute;z-index:100;box-shadow:1px 2px 4px #0006;display:inline-block;right:55%}
#mine .retweet-div li{border-bottom:1px solid #d8e1eb;padding:10px;color:#000;font-size:15px}
#mine .retweet-div .icon{text-align:left;color:gray;width:20%;float:left}
#mine .retweet-div .option-text{display:inline-block;width:80%;text-align:center}
#mine .retweet-div span{text-align:right}
#mine .retweet-div li:hover{background-color:#F7F7F7;border-radius:10px}
#mine .retweet-div a:hover{text-decoration:none}
.box-name{z-index:1001;top:0;margin-top:0;background-color:#fff;width:100%;max-width:100%}
.follows-you{font-size:13px;font-weight:500;color:#fff;background:linear-gradient(90deg,#9961ff,#ec88ec);padding:2px 9px;border-radius:6px}
.notify-count{position:absolute;background-color:#1DA1F2;font-size:11px;color:#fff;border-radius:18px;top:-6px;right:11px;padding:4px;font-weight:500}
@media only screen and (max-width: 800px) {
html{font-size:13px}
.wrapper-right{display:none;width:0}
#mine .wrapper-left .sidebar-left{position:fixed!important;width:40px!important;height:100%;background-color:#fff!important;font-size:19px!important;border-right:.5px solid #e6ecf0!important}
#mine .wrapper-left .grid-sidebar .wrapper-left-elements{display:none}
#mine .border-right{border-right:.5px solid #e6ecf0}
#mine .center-input-search{margin-left:13%;margin-top:10px}
.box-fixed{position:fixed;width:33%;left:5.4%;top:40px;-webkit-box-shadow:0 3px 5px -1px #ccaeccff;-moz-box-shadow:0 3px 5px -1px #ccaeccff;box-shadow:0 3px 5px -1px #ccaeccff}
#mine .box-tweet{transition:.5s;cursor:pointer}
#mine .img-post-tweet{height:100%;max-width:100%;border-radius:10px}
#mine .img-post-retweet{height:100%;width:100%;border-radius:10px}
#mine .box-user{display:none}
.retweet-popup-body-wrap{width:400px;height:auto;margin:0 auto;top:13%;position:relative;background:#fff;border-radius:5px;border:1px solid #9E9E9E;overflow:auto;max-height:600px}
.popup-users{width:380px;min-height:350px;max-height:500px}
#mine .box-home{transition:.5s}
#mine .img-share{height:40px;width:40px;border-radius:50%}
.modal-dialog:not(.new-tweet-modal),.modal-content:not(.new-tweet-modal){height:70%;width:450px;margin-left:20px}
#mine .retweet-div{width:120px}
#mine .retweet-div li{font-size:13px}
.box-name{z-index:1000;top:0;margin-top:0;background-color:#fff;width:100%}
.notify-count{top:-6px;right:-10px}
}
@media only screen and (min-width: 801px){
html{font-size:13px}
.wrapper-right{width:39%!important}
#mine .wrapper-left .sidebar-left{position:fixed!important;width:40px!important;height:100%;background-color:#fff!important;border-right:.5px solid #e6ecf0!important}
#mine .wrapper-left .grid-sidebar .wrapper-left-elements{display:none}
#mine .grid-posts{display:grid;grid-template-columns:57% auto;background-color:#fff}
#mine .center-input-search{margin-left:13%;margin-top:10px}
.box-fixed{position:fixed;width:33%;left:5.4%;top:40px;-webkit-box-shadow:0 3px 5px -1px #ccaeccff;-moz-box-shadow:0 3px 5px -1px #ccaeccff;box-shadow:0 3px 5px -1px #ccaeccff}
#mine .box-tweet{margin-top:15px;margin-left:1%;transition:.5s;cursor:pointer}
#mine .img-post-tweet{height:100%;max-width:100%;border-radius:10px}
#mine .img-post-retweet{height:100%;width:100%;border-radius:10px}
#mine .img-user-tweet{height:38px;width:38px;border-radius:50%;margin-right:1em}
.retweet-popup-body-wrap{width:400px;height:auto;margin:0 auto;top:13%;position:relative;background:#fff;border-radius:5px;border:1px solid #9E9E9E;overflow:auto;max-height:600px}
.popup-users{width:380px;min-height:350px;max-height:500px}
#mine .img-upload-tmp{height:100%;width:100%;border-radius:10px;margin-left:30px}
#mine .upload-delete{top:15px;right:40px;color:red;font-size:22px;font-weight:800;z-index:23;cursor:pointer}
#mine .img-share{height:42px;width:42px;border-radius:50%}
.notify-count{top:-6px;right:-10px}
}
@media screen and (max-width: 350px){
#mine .img-post-tweet{height:100%;max-width:100%;border-radius:10px}
#mine .img-post-retweet{height:100%;width:100%;border-radius:10px}
#mine .img-user-tweet{height:20px;width:20px;border-radius:50%}
#whathappen ::placeholder{text-align:left;font-weight:700;font-size:15px}
#mine .username-twitter{color:#6a7b8a;font-size:10px}
}
.container, .container-md, .container-sm{max-width:100%!important}
.retweed-name{font-weight:700;font-size:13px;color:#667582;margin-left:40px}
.retweet-name-i{font-size:17px;margin-right:5px}
.tweet-links .hash-tweet{color:#eb88ec!important;font-weight:500;position:relative;z-index:40}
.tweet-links .hash-tweet:hover{color:#aa69fb!important;text-decoration:none}
.nav-tabs{background:linear-gradient(90deg,#9961ff,#ec88ec)}
.nav-tabs .nav-item{width:50%;text-align:center}
.nav-tabs .nav-link{color:#4b4b4b;border:0;border-top-left-radius:0;border-top-right-radius:0;transition:.2s}
.nav-link.active{color:#fff!important;background:transparent!important;border:0;font-weight:600!important}
.comment-post{border-radius:15px;border:3px solid #ebe9e9;color:#000;text-decoration:none}
.comment-post:hover{color:#000;background-color:#EFEFEF;text-decoration:none;transition:.2s}