: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-size:18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;background-color:#000;color:#fff}
a{background:-webkit-linear-gradient(#9961ff,#ec88ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
a:visited,a:hover{color:#aa69fb}
img{max-width:100%}
.text-muted{-webkit-text-fill-color:#c5c5c5;color:#c5c5c5!important}
.accounts{font-size:18px;padding:1.3em 1em;border-radius:14px}
.saveprofile{padding:.8em 2.2em;font-size:16px;margin-top:.4em}
.verified-badge{width:18px;height:18px;flex-shrink:0;margin-top:-6px}
#mine .wrapper-left{position:relative!important}
#mine .wrapper-left-notification{position:relative!important;display:flex!important}
#mine .wrapper-left-notification .sidebar-left{position:fixed!important;width:48px;height:100%;top:0;background-color:#000!important;font-size:19px!important;border-right:.5px solid #131313!important;padding:1em 9px 0;z-index:7}
#mine .wrapper-left .sidebar-left{position:fixed!important;width:48px;height:100%;top:0;left:0;background-color:#000!important;font-size:19px!important;border-right:.5px solid #131313!important;padding:1em 9px 0;z-index:7}
#mine .grid-sidebar{width:30px;margin-bottom:1.8em!important}
#mine .grid-sidebar:hover{color:#1da1f2!important;cursor:pointer!important}
.sidebar-icon{font-size:21px}
#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:31px;width:31px;text-align:center;vertical-align:middle;border:1px solid transparent;line-height:0;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:0 solid #000;cursor:pointer;background:linear-gradient(49deg,#ec88ec, #9961ff);transition:.3s;-webkit-background-clip:unset;-webkit-text-fill-color:unset}
#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%;object-fit:cover}
.usernotification{width:70px!important;height:70px!important}
#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:#000;margin-left:48px}
#mine .border-right{border-right:.5px solid #131313!important;width:100%}
#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:#000;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 #eb88ec0d;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:#000}
#mine .box-search{width:100%;background-color:#000}
#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-profile{transition:.5s}
#mine .grid-status{display:grid;grid-template-columns:60px auto;padding-left:7px;padding-right:7px}
.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:#000}
.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:175px;width:175px;object-fit:cover;border-radius:50%;position:relative;bottom:70px;left:14px}
.home-edit-button{display:inline-block;color:#1DA1F2;height:42px;text-align:center;vertical-align:middle;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:1.4em;   float:right;position:relative;bottom:117px;left:14px;background:transparent;font-weight:700;transition:.3s}
.home-edit-button:hover{transition:.5s;background-color:#000}
.home-title{margin-left:25px;position:relative;bottom:-95px}
.home-title h4{font-size:20px;font-weight:800}
.home-title .user-handle{position:absolute;top:22px}
.home-title .bio{position:relative;top:47px;padding-right:7px}
.home-loc-link{color:gray}
.home-follow{color:gray;width:100%}
.home-follow-count{color:#fff;font-weight:600}
.home-follow i:hover{border-bottom:1px solid #000}
.nav-tabs{border-bottom:0}
.the-tweet{padding-left:7px;word-break:keep-all;display:flex;flex-direction:column}
#mine .img-user-tweet{max-width:100%;border-radius:50%;object-fit:cover;height:52px;width:52px}
#mine .box-share{width:88%;text-align:left;background:#b084cd26;margin:34px auto 20px;border-radius:10px;padding:.2em .4em 1em;border-width:1px;border-style:solid;border-color:#b121c53d;border-image:initial}
#mine .box-share-pro{width:88%;text-align:left;background:#b084cd26;margin:34px auto 20px;border-radius:10px;padding:.8em .4em;border-width:1px;border-style:solid;border-color:#b121c53d;border-image:initial}
#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:#000}
#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)!important;color:#fff;border:0}
.color-gradient{background:-webkit-linear-gradient(#9961ff,#ec88ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
img#preview-user{max-width:300px}
.image-upload > input{display:none}
.image-upload i{cursor:pointer}
.header{height:40px;display:flex;place-items:center;justify-content:space-between;border-top:none;position:relative;top:0;background:#000;max-width:100%;z-index:1001}
.header h2{margin:5px;margin-left:.1em;font-weight:800;font-size:19px}
.modal-body:not(.new-tweet-modal){max-height:calc(100% - 120px);overflow-y:scroll}
@media (min-width: 576px){.modal-dialog{max-width:100%}}
.w69{width:60px;height:60px}
.search-input{background-color:#eb88ec0d!important;border-radius:20px!important;padding-left:40px}
.search-input:focus{background-color:#000!important}
.form-control:focus{border-color:#a91ebd3d}
.search-card{position:absolute;top:0;left:0;right:0;margin:0 auto;max-width:518px}
.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}
.photo-modal{overflow:unset!important}
.modal-content{border-radius:1.6rem;max-width:80%;background:#1a141f;border:1px solid #b121c53d}
.nav-right-down-wrap{overflow:auto;background:#000;padding-top:1em;max-height:400px;z-index:20}
.nav-right-down-inner{min-height:60px;border-top:2px solid #eb88ec0d;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:90px!important;height:90px;border-radius:50%;object-fit:cover}
.nav-right-down-right-headline a{font-weight:700;padding:0 2px;font-size:21px;color:#fff;background:-webkit-linear-gradient(#9961ff, #ec88ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.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;padding-top:1.1em}
.follow-tab{display:inline-block;padding:.5em}
.profile-buttons{justify-content:flex-end;padding-right:1em}
.profile-btn{float:right;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:14px;margin-top:15px;background:transparent;font-weight:700;transition:.3s}
.profile-btn-m{padding:.375rem .75rem;font-weight:400;height:auto;margin:10px 0 0}
.privacy-btn{display:flex;align-self:flex-end;width:fit-content;text-align:center;vertical-align:middle;padding:.3rem .4rem;font-size:19px;line-height:1.5;border:1px solid #e69ae717;border-radius:28px 28px 28px 28px;-moz-border-radius:28px 28px 28px 28px;-webkit-border-radius:28px 28px 28px 28px;cursor:pointer;background:transparent;font-weight:600;transition:.3s}
.follow:hover{transition:.5s;background-color:#131313}
button.follow-btn.following,button.profile-follow.following,.follow-btn.following,.profile-follow.following{background:transparent!important;background-image:none!important;border:1px solid #ec88ecbf!important;color:#ec88ec!important}
button.follow-btn.following:hover,button.profile-follow.following:hover,.follow-btn.following:hover,.profile-follow.following:hover{background:#ca205540!important;background-image:none!important;border-color:#CA2055!important;color:#fff!important}
button.follow-btn.following i,button.profile-follow.following i{color:#ec88ec!important;-webkit-text-fill-color:#ec88ec!important;background:none!important}
button.follow-btn.following:hover i,button.profile-follow.following:hover i{color:#fff!important;-webkit-text-fill-color:#fff!important}
button:focus{outline:none}
.count-following-i{cursor:pointer}
.count-followers-i{cursor:pointer}
.save{margin-left:4em}
.form-control{font-size:18px}
.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:#000;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:#fff}
.retweet-popup-heading{text-align:center;padding:7px}
.users{text-align:left;margin-left:10px}
.users h3{font-weight:800;font-size:17px;position:relative;top:10px}
.dropdown-header{font-size:1em}
.dropdown-menu{min-width:333px;font-size:14px;background:#120c18;border:#b121c53d 1px solid}
.dropdown-item{font-size:18px;padding:.5em 1.5rem}
.dropdown-divider{border-top:1px solid #dc80f030}
.dropdown-item.delete-tweet:hover{background-color:#444}
.modal-header .close{padding:.2em 1rem;font-size:30px;font-weight:100}
.modal-icon{padding-right:.4em;padding-right:1.8em!important}
.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:#131313;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-users{margin:5px;margin-right:15px;border-radius:10px;background-color:#000}
#mine .grid-share{width:100%;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:#131313}
#mine .txt-share{font-size:18.5px;padding:10px 10px 10px 1.3em}
#mine .img-share{height:49px;width:49px;border-radius:50%}
.wrapper-right{position:absolute!important;top:0;right:0;height:100%;width:33%!important}
.wrapper-left a, .wrapper-left button:not(.btn-gradient,.heart-color){background:-webkit-linear-gradient(#9961ff,#ec88ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.wrapper-left a:hover, .wrapper-left button:not(.btn-gradient):hover{text-decoration:none;color:#c095eb}
#mine .wrapper-left-active{color:#1DA1F2}
#mine .box-notifications{padding:2em 0 2em 1em;position:relative;border-bottom:2px solid #eb88ec24;transition:.5s;cursor:pointer}
#mine .box-notifications:hover{transition:.5s;background-color:#eb88ec0d}
#mine .box-tweet{padding:2em 0 1em;border-bottom:2px solid #eb88ec0d;transition:.5s;cursor:pointer;display:flex;flex-direction:column;position:relative}
#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:52px auto;padding-left:7px;padding-right:7px}
.user-box{display:flex;justify-content:center;align-items:stretch}
.user-noti{display:inline-block}
.user-time{display:grid;float:right;place-items:center;padding-top:1em}
.grid-posts-area{margin-left:6px;width:100%}
.grid-posts-account{margin-left:48px;width:auto}
#mine .grid-notifications{width:100%;margin-left:48px}
#mine .grid-notification{margin-left:7px;margin-right:7px}
#mine .username-twitter{font-size:15px;word-break:auto-phrase;background:-webkit-linear-gradient(#9961ff,#ec88ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#mine .t-username{color:#dbdbdb}
#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}
#mine .grid-reactions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;flex-wrap:nowrap;padding:8px 0}
#mine .logged-reactions{display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:nowrap}
#mine .grid-box-reaction{display:flex;flex:1;align-items:center;justify-content:center;min-width:40px}
#mine .grid-box-reaction-rep{display:grid;grid-template-columns:30% 10%;padding-top:4px;font-size:15px}
#mine .more-menu{margin-left:auto}
#mine .grid-box-reaction .mt-counter{margin-left:4px}
#mine .grid-box-reaction.more-menu{margin-left:auto}
#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}
.hover-reaction-quote{color:#fff;cursor:pointer;padding:8px;border-radius:9999px;transition:all .2s}
.mt-icon-reaction,.quote-option,.fa-comment{background:-webkit-linear-gradient(#9961ff,#ec88ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#mine .hover-reaction-rep{height:20px;border-radius:50%;text-align:center}
#mine .hover-reaction-comment:hover{color:#eb88ec}
#mine .hover-reaction-retweet:hover{color:#eb88ec}
#mine .hover-reaction-like:hover{color:red}
#mine .unlike-btn{color:red}
#mine .mt-counter{margin-left:2px}
.d-flex{padding-bottom:2rem}
.d-flex-modal{display:flex!important}
.tweet-info{padding-bottom:.5em;background:-webkit-linear-gradient(#9961ff,#ec88ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.reply-box{margin-right:1em}
#mine .retweet-div{width:140px;background-color:#000;border-radius:10px;position:absolute;z-index:100;box-shadow:1px 2px 4px #0006;display:inline-block;right:55%}
#mine .retweet-div li{padding:10px;color:#fff;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:#131313;border-radius:10px}
#mine .retweet-div a:hover{text-decoration:none}
.user-reply-tweet{padding-left:.5em}
.reply-avatar{flex-shrink:0;width:48px;height:48px;margin:0 .4em}
.btn:hover{color:#fff}
#story-slider{max-width:675px;margin:0 auto}
.box-name{z-index:1001;top:0;margin-top:0;background-color:#000;width:100%;max-width:100%}
.follows-you{font-size:13px;font-weight:500;display:inline-block;color:#fff;padding:2px 9px;border-radius:6px}
.notify-count{position:absolute;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:11px;color:#fff;border-radius:18px;top:-6px;right:-6px;padding:0 6px;font-weight:500}
.user-av{max-height:52px;margin:0 auto}
.modal-header{border-bottom:1px solid #3939399e}
.featured-video-item{margin-bottom:2em}
.featured-media-sidebar{position:sticky;top:90px;align-self:flex-start;width:320px;margin-left:24px;flex-shrink:0}
.featured-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.featured-media-item{aspect-ratio:1 / 1;overflow:hidden;border-radius:8px;background:#111;transition:all .18s ease}
.featured-media-item a{display:block;width:100%;height:100%;text-decoration:none}
.featured-media-item img {width:100%;height:100%;object-fit:cover;display:block;border-radius:8px;transition:transform 0.15s ease}
.featured-media-item:hover{transform:scale(1.05);box-shadow:0 0 0 2px #eb88ec40}
.media-thumb{width:100%;height:100%;object-fit:cover;object-position:center;cursor:pointer;transition:transform .25s ease}
.media-thumb:hover{transform:scale(1.08)}
.videos-modal-dialog{max-width:560px;width:calc(100% - 24px);margin:1rem auto}
.videos-modal-content{max-width:100%!important;background:#120c18;border:1px solid #b121c53d;border-radius:18px;overflow:hidden}
.videos-modal-header{padding:16px 18px 8px;align-items:center}
.videos-modal-body{padding:8px 14px 18px!important;max-height:min(75vh,720px);overflow-y:auto}
.videos-modal-grid{display:flex;flex-direction:column;gap:16px}
.videos-modal-card{background:#1a1222;border:1px solid #3b2a55;border-radius:14px;overflow:hidden}
.videos-modal-card video{display:block;width:100%;height:auto;max-height:55vh;object-fit:contain;background:#000;vertical-align:middle}
.videos-modal-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}
.videos-modal-card-footer a{font-size:13px;font-weight:600;text-decoration:none}
.videos-modal-empty{text-align:center;color:#8899a6;padding:40px 16px;font-size:14px}
@media (min-width: 768px) {
.videos-modal-dialog{max-width:640px}
}
.featured-media-box{background:#0a0a0a;border:1px solid #1f1f1f;border-radius:16px;box-shadow:0 4px 20px #0006}
.pinned-tweets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.pinned-tweets-header h5{margin:0;font-size:18px;font-weight:700}
.pinned-tweets-header small{color:#aaa}
.pinned-tweet-item{padding:12px 0;border-top:1px solid #1f1f1f}
.pinned-tweet-item:first-child{border-top:none;padding-top:0}
.pinned-tweet-preview{display:flex;gap:12px}
.pinned-tweet-preview img{width:48px;height:48px;border-radius:1%;object-fit:cover;flex-shrink:0}
.pinned-tweet-content{flex:1;min-width:0}
.pinned-tweet-text{font-size:15px;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pinned-tweet-meta{font-size:13px;color:#8899a6}
.pinned-tweet-media{margin-top:8px;border-radius:12px;overflow:hidden}
.pinned-tweet-media img{width:100%;height:auto;display:block}
#managePinsModal .modal-dialog{margin-left:auto!important;margin-right:auto!important}
#managePinsModal.show{display:flex!important;align-items:center;justify-content:center}
#managePinsModal .modal-dialog{margin:1.75rem auto!important}
.pin-action{font-size:13px;cursor:pointer}
.pin-action:hover{text-decoration:underline}
.draft-notice{position:absolute;left:0px;top:0px;right:0px}
.modal-body{padding-top:2rem}
.edit-profile{display:flex;justify-content:center;align-items:center}
.profile-icon{padding:0 .2em;width:38px}
.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}
.hash-tweet{color:#eb88ec!important;font-weight:500;position:relative;word-break:auto-phrase}
.hash-tweet:hover{color:#aa69fb!important;text-decoration:none}
.link-tweet{color:#aa69fb!important;font-weight:500;position:relative;word-break:break-all}
.link-tweet:hover{color:#eb88ec!important;text-decoration:none}
.quote-box{padding:.4em}
.border-secondary{border-color:#b121c53d!important}
.border{border:#b121c53d 1px solid!important}
.bg-dark{background-color:#b084cd26!important}
.footer-links{padding-left:1em}
.footer-links li{display:inline-block;margin:.4em}
.footer-links li a{background:-webkit-linear-gradient(#9961ff,#ec88ec);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav-tabs{max-width:100%;width:100%;height:80px;padding-top:1.5em;border-top:1px solid #eb88ec0d;margin:0 auto}
.nav-tabs .nav-item{width:25%;text-align:center}
.nav-pills{padding-top:.3em}
.nav-link{color:#ddd!important;font-weight:500;margin:0 .1em;padding:.5em 1.5em;background:linear-gradient(90deg,#9961ff,#ec88ec);border:0;border-radius:4px;transition:.2s}
.nav-link:hover{font-weight:700;color:#fff!important}
.nav-link.active{color:#fff!important}
.link-tab{font-weight:600;margin:0 .1em;padding:.5em 1.5em;border:0;border-radius:4px;transition:.2s}
.link-tab:hover{font-weight:700;color:#eee!important}
.link-tab.active{color:#fff!important}
.comment-post{border-radius:15px;border:3px solid #131313;color:#fff;text-decoration:none}
.comment-post:hover{color:#fff;background-color:#131313;text-decoration:none;transition:.2s}
.follow-icon{position:relative;font-size:19px;display:inline-block;padding:0 .2em}
#mine .grid-posts{margin-left:48px;max-width:62%;box-sizing:border-box;overflow-x:hidden}
#mine .box-tweet.feed{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}
#mine .grid-tweet{display:grid;grid-template-columns:52px minmax(0,1fr)}
#mine .the-tweet{min-width:0;word-break:keep-all}
#mine .img-post-tweet,#mine .img-post-retweet,#mine .tweet-links img,#mine .grid-reactions{max-width:100%;height:auto;box-sizing:border-box}
#mine .tweet-links a{word-break:auto-phrase}
.new-tweet-modal{max-width:720px}
.dropdown-header{color:#dadada}
.img-user-modal{border-radius:50%;height:62px;width:62px!important;object-fit:cover;margin:0 auto;display:flex;justify-content:center}
#mine{display:flex;flex-wrap:wrap}
.grid-posts{min-width:0;overflow:hidden;}
.sidebar-left .dropdown-menu .dropdown-item,.sidebar-left .dropdown-menu .dropdown-item.switch-account{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important}
.sidebar-left .dropdown-menu .dropdown-item img,.sidebar-left .dropdown-menu .switch-account img,.sidebar-left .dropdown-item.switch-account > img{display:inline-block!important;visibility:visible!important;opacity:1!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;object-fit:cover!important;border-radius:50%!important;margin-right:.5rem!important;position:relative!important;z-index:2!important}
@media (min-width: 992px) {
.wrapper-right{position:relative;top:20px;align-self:flex-start}
}
@media (max-width: 991px) {
#mine{flex-direction:column!important}
#mine .box-share{max-width:500px}
.wrapper-left,.grid-posts{max-width:100%!important}
.wrapper-right{width:100%!important;margin-top:30px;padding-top:20px;padding-left:48px;border-top:1px solid #333;position:relative!important;order:3;display:flex;flex-direction:column}
.wrapper-right .box-share-pro{background:#0f0f0f;border-radius:12px;padding:20px;margin-bottom:20px}
.footer-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px;padding-top:20px;border-top:1px solid #222}
}
@media only screen and (max-width: 800px){
html{font-size:13px}
#mine .wrapper-left .sidebar-left{width:48px!important;height:100%;background-color:#000!important;font-size:19px!important;border-right:.5px solid #eb88ec0d!important}
#mine .wrapper-left .grid-sidebar .wrapper-left-elements{display:none}
#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:#000;border-radius:5px;border:1px solid #1b1b1b;overflow:auto;max-height:600px}
.popup-users{width:380px;min-height:350px;max-height:500px}
#mine .img-share{height:40px;width:40px;border-radius:50%}
#mine .retweet-div li{font-size:13px}
.box-name{z-index:1000;top:0;margin-top:0;background-color:#000;width:100%}
}
.heart-color{color:#fff;background:transparent;border:0}
@media only screen and (min-width: 801px){
html{font-size:13px}
#mine .wrapper-left .sidebar-left{width:48px!important;height:100%;background-color:#000!important;border-right:.5px solid #eb88ec0d!important}
#mine .wrapper-left .grid-sidebar .wrapper-left-elements{display:none}
#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;padding-left:1%;transition:.5s;cursor:pointer}
#mine .img-post-tweet{height:100%;border-radius:10px}
#mine .img-post-retweet{height:100%;width:100%;border-radius:10px}
#mine .img-user-tweet{border-radius:50%;margin-right:1em}
.retweet-popup-body-wrap{height:auto;margin:0 auto;top:13%;position:relative;background:#000;border-radius:5px;border:1px solid #9e9e9e4d;overflow:auto;max-height:600px}
.popup-users{min-height:350px}
#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%}
}
@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}
}