.default{--background-color:#fff;--semitransparent-background:hsla(0,0%,100%,.85);--border-color:#eff3f4;--hover-color:#e7e7e8;--font-color:#0f1419;--light-font-color:#536471;--button-color:#e7e7e8}.dim{--background-color:#15202b;--semitransparent-background:rgba(21,32,43,.85);--border-color:#38444d;--font-color:#f7f9f9;--hover-color:#303944;--light-font-color:#8b98a5;--button-color:#f7f9f9}.lights-out{--background-color:#000;--semitransparent-background:rgba(0,0,0,.85);--border-color:#2f3336;--font-color:#e7e9ea;--hover-color:#181818;--light-font-color:#71767b;--button-color:#f7f9f9}.blue-color{--color:#1d9bf0}.yellow-color{--color:#ffd400}.pink-color{--color:#f91880}.purple-color{--color:#7856ff}.orange-color{--color:#ff7a00}.green-color{--color:#00ba7c}textarea{border:none;color:var(--font-color);outline:none}.app-wrap{background-color:var(--background-color)}.App{display:flex;justify-content:center;margin:auto;min-height:100vh;text-align:center;width:clamp(0px,100%,1320px)}h1{color:var(--font-color)}.App>*{background-color:var(--background-color)}main{border-right:1px solid var(--border-color);color:var(--font-color);display:flex;flex-direction:column;width:600px}nav{border-right:1px solid var(--border-color);max-width:275px;padding:10px 30px;text-align:left}.right-bar,nav{flex:1 1;height:100vh;position:-webkit-sticky;position:sticky;top:0}.nav-links{display:flex;flex-direction:column;font-size:1.4rem;gap:8px;justify-content:flex-start;list-style-type:none;margin-top:8px;padding:0;transition:.2s;width:100%}.nav-links a{align-items:center;border-radius:50px;color:var(--font-color);display:flex;gap:15px;padding:12px;text-decoration:none;transition:.3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:100%}.nav-links a:hover{background-color:var(--hover-color)}nav svg{fill:var(--font-color);height:30px}.logo svg{fill:var(--color);stroke:none}.logo{padding:12px}.active svg{fill:var(--font-color);stroke:none}li:nth-child(2) .active svg{fill:#fff;stroke:var(--font-color);stroke-width:2px;height:30px}.nav-links .active{font-weight:600}.tweet-button{background-color:var(--color);border:none;border-radius:50px;color:#fff;font-family:inherit;font-size:1.2rem;padding:.95rem 3rem;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.tweet-button svg{display:none;height:30px}.sidebar-text-node{color:var(--font-color);overflow:hidden;padding-right:10px;text-overflow:ellipsis;width:100%}@media (max-width:1281px){.sidebar-text-node{display:none}nav{max-width:210px}.nav-links a{justify-content:flex-end;margin-left:auto;padding:.75rem}.tweet-button svg{fill:#fff;display:block}.tweet-button{align-items:flex-end;display:flex;margin-left:auto;padding:.75rem;width:auto}.logo,.tweet-button{text-align:right}nav{max-width:94px;padding:10px 20px}}@media (max-width:1100px){nav{max-width:190px}}@media (max-width:999px){.nav-links a{justify-content:flex-end;margin-left:auto;padding:.75rem}.tweet-button svg{fill:#fff;display:block}.tweet-button{align-items:flex-end;display:flex;margin-left:auto;padding:.75rem;text-align:right;width:auto}nav{padding:10px 20px}}.loader-spinner{align-self:center;-webkit-animation:spinning 2s linear infinite;animation:spinning 2s linear infinite;border:3px solid var(--color);border-bottom:3px solid #fff;border-radius:50%;height:50px;margin-top:10%!important;width:50px}@-webkit-keyframes spinning{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}50%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}60%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}70%{-webkit-transform:rotate(2turn);transform:rotate(2turn)}80%{-webkit-transform:rotate(900deg);transform:rotate(900deg)}to{-webkit-transform:rotate(3turn);transform:rotate(3turn)}}@keyframes spinning{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}30%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}50%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}60%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}70%{-webkit-transform:rotate(2turn);transform:rotate(2turn)}80%{-webkit-transform:rotate(900deg);transform:rotate(900deg)}to{-webkit-transform:rotate(3turn);transform:rotate(3turn)}}.heightened .banner{position:relative}.emoji{padding:0 1px}.modal-container{align-items:flex-start;background-color:rgba(63,63,63,.322)!important;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal{background-color:var(--background-color);border-radius:16px;margin-top:80px;max-height:600px;overflow:auto;overflow:hidden;padding:0 2px 2px}.close-modal-svg{fill:var(--font-color);border-radius:50%;height:36px;padding:8px}.close-modal{height:36px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.close-modal-svg:hover{background-color:var(--hover-color)}.modal .tweet{border:0}.home-modal .tweet-write-content__control{border-bottom:1px solid var(--border-color);min-height:100px}.modal-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--semitransparent-background);gap:15px;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-flex,.modal-header{align-items:center;display:flex}.modal-flex{flex:1 1;justify-content:space-between}.modal-title{font-size:1.3rem;font-weight:600}.save-button{background-color:#000;border:none;border-radius:25px;color:#fff;font-family:inherit;font-size:1.03rem;font-weight:600;padding:.35rem 1rem;transition:.2s}.save-button:hover{background-color:#282c34}.centered{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}nav .tweet-header{flex-direction:column;gap:0}.input-file{position:absolute;visibility:hidden}.popup{-webkit-animation:apear .5s linear;animation:apear .5s linear;background-color:var(--color);border-radius:5px;bottom:10px;color:#fff;padding:5px 30px;position:fixed;z-index:10000}@-webkit-keyframes apear{0%{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes apear{0%{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.tweet{position:relative}.right-bar{display:flex;flex-direction:column;gap:20px;max-width:390px;padding:20px}@media (max-width:999px){.right-bar{display:none}}.right-bar-box{background-color:var(--hover-color);border-radius:15px;color:var(--font-color);padding:0 16px 16px}.right-bar-box .title{text-align:left}.right-bar-box .tweet-profile-pic{box-shadow:none}.follow-button{background-color:var(--font-color);border:0;border-radius:25px;color:#fff}.follow-button,.unfollow-button{font-family:inherit;font-size:1rem;font-weight:600;padding:.36rem .9rem;transition:.3s}.unfollow-button{background-color:#fff;border:1px solid #ebebeb;border-radius:25px;color:#000}.follow-button:hover{background-color:rgba(0,0,0,.747)}.right-bar-box .tweet-header{flex-direction:column;gap:0;text-align:left}.right-bar-box .main-tweet-content{align-items:center;flex-direction:row;justify-content:space-between}.register-button{background-color:var(--button-color);border:0;border-radius:50px;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:.65rem;width:100%}.register-container{border:1px solid var(--light-font-color);border-radius:15px;color:var(--font-color);display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.register-container .title{margin-bottom:0;margin-top:5px}.sign-form{width:450px}.login-form,.sign-form{display:flex;flex-direction:column;height:100%;margin:0 auto;padding-bottom:16px}.login-form{gap:16px;width:350px}.register-or{position:relative}.register-or:after{background-color:#7a7d80;content:"";height:1px;left:0;position:absolute;top:50%;width:100%;z-index:1}.register-or span{background-color:var(--background-color);padding:8px;position:relative;z-index:2}.sign-form .title{text-align:left}.sign-form .profile-info-modal{flex:1 1;padding:0}.signin.modal-container{align-items:center}.signin.modal{height:650px;margin:0;position:relative}.signin-button-next{background-color:var(--font-color);border:none;border-radius:150px;color:#fff;font-family:inherit;font-size:1.2rem;font-weight:600;padding:.85rem;width:100%}.error-email{color:red;position:absolute}.error{margin-bottom:12px;outline:2px solid red}.date-containers{display:flex;gap:4px}.birthday{margin:0}.birthday-header p{color:var(--light-font-color);margin:0;text-align:left}.date-containers>label{flex:1 1}.date-containers>label:first-child{flex:2 1}.password-title{margin-bottom:0;text-align:left}.password-title+p{margin:0 0 24px;text-align:left}.sign-form .profile-pic-container{justify-content:center;position:static}.sign-form .profile-opt{align-items:center;height:150px;justify-content:center}.who-to-follow{margin-bottom:16px}.login-footer{background-color:var(--color);bottom:0;padding:12px;position:fixed;width:100%;z-index:100}.login-wrapper{color:#fff;display:flex;justify-content:space-between;margin:auto;max-width:700px}.login-footer-buttons{align-items:center;display:flex;gap:12px}.login-text .header{font-size:1.6rem;font-weight:900}.login-text .sub-header{font-size:1.3rem}.login-text>*{text-align:left}.login-footer-buttons button{background-color:initial;border:1px solid #fff;border-radius:35px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:900;padding:.35rem 1.75rem;transition:.2s}.login-footer-buttons button:nth-child(2){background-color:#fff;color:var(--color)}.login-footer-buttons button:hover{background-color:hsla(0,0%,86%,.171)}.login-footer-buttons button:nth-child(2):hover{background-color:hsla(0,0%,100%,.863)}.signin .loadBar-modal{top:0;z-index:100}.modal-container.signin{overflow:hidden}.search-bar-svg{fill:var(--light-font-color);height:18.75px;transition:.3s;width:18.75px}.search-bar{align-items:center;background-color:var(--hover-color);border:1px solid transparent;border-radius:50px;display:flex;gap:12px;padding:12px 16px;transition:.2s;width:100%}.search-bar:focus-within{background-color:var(--background-color);border:1px solid var(--color)}.search-bar:focus-within svg{fill:var(--color)}.search-bar-input{background-color:initial;border:none;color:var(--font-color);font-size:1rem;outline:none;width:100%}.query{padding:16px!important}.query .tweet-header{align-items:flex-start;flex-direction:column;gap:0}.query-user-bio{text-align:left;width:100%}.query .main-tweet-content{flex-direction:row;flex-wrap:wrap}.query-user-follow{flex:1 1;text-align:right}.tweet-write-content__suggestions{background-color:initial!important}.explore-main .trend{padding:16px}.explore-main .title{margin-left:16px;text-align:left}.trend{align-items:flex-start;color:var(--font-color);display:flex;flex-direction:column;padding:6px 12px;text-decoration:none}.trends{margin-bottom:15px}.trend-name{font-size:1.05rem;font-weight:600}.trend-count{color:var(--light-font-color);font-size:.9rem}.home{display:flex;flex-direction:column}.home>*{background-color:var(--background-color);margin:0}.tweet-write-content .tweet-header{flex-direction:column;gap:0}.main-tweet-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.tweet{border-bottom:1px solid var(--border-color);color:var(--font-color);padding:16px 16px 5px}.suggestion,.tweet-wrapper{display:flex;gap:12px;transition:.2s}.suggestion{border-bottom:1px solid var(--border-color);padding:12px 12px 5px}.suggestion:hover{background-color:var(--hover-color)}.suggestion .tweet-profile-pic{box-shadow:none}.suggestion-container{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:15px;min-width:400px;overflow:hidden;position:relative;z-index:2}.retweeted-svg{fill:var(--light-font-color);height:14px}.tweet-profile-pic-container{background-color:var(--hover-color);border-radius:50%;height:48px;width:48px}.tweet-profile-pic{border-radius:50%;height:100%;object-fit:cover;position:relative;width:100%;z-index:2}.tweet-username{color:var(--font-color);font-size:1.05rem;font-weight:600;text-decoration:none}.tweet-username:hover{text-decoration:underline}.tweet-usertag{color:var(--light-font-color);font-size:1.05rem}.tweet-timestamp{color:var(--light-font-color);flex:1 1;text-align:left}.tweet-header{display:flex;gap:5px}.tweet-replied{color:var(--light-font-color);text-align:start}.retweeted-header{align-items:center;display:flex;gap:12px;padding-left:33px}.retweeted-header .tweet-username{color:var(--light-font-color)!important;font-size:.9rem}.tag{z-index:0}.tag,.tweet-write-content .tag{color:#00aeff;position:relative;text-decoration:none}.tweet-write-content .tag{z-index:1}.tweet-write-content__highlighter{border:2px solid transparent!important}.tweet-write-content__highlighter .tag{background-color:#fff;color:#00b2ff}.tweet-content{font-weight:400;text-align:left;white-space:pre-line}.tweet-interact svg{fill:var(--light-font-color);border-radius:50%;height:31.75px;padding:7px;transition:.1s}.heart-icon{-webkit-transform:scaleY(.5) scaleX(.6);transform:scaleY(.5) scaleX(.6)}.main-tweet .heart-icon{-webkit-transform:scaleY(.6) scaleX(.7);transform:scaleY(.6) scaleX(.7)}.tweet-interact>*{align-items:center;border-radius:50%;color:var(--light-font-color);display:flex;font-size:13px;font-weight:400;gap:5px;padding:0 20px 0 0;transition:.1s}.tweet-interact>:hover svg{background-color:#dcdcdc}.comment:hover svg{fill:#00a2ff;background-color:rgba(99,180,255,.212)}.comment:hover{color:#008cff}.like:hover svg{fill:#f91880;background-color:rgba(249,24,129,.116)}.like:hover{color:#f91880}.retweet:hover svg{stroke-width:.5px;stroke:#229778;fill:#229778;background-color:rgba(34,151,120,.13)}.retweet:hover{color:#229778}.tweet-interact{color:#888;display:flex;font-family:Roboto,sans-serif;font-weight:900;gap:8px;justify-content:space-between;max-width:425px;padding-top:5px}.liked{color:#f91880}.like.liked svg{fill:#f91880}.retweeted{color:#229778}.retweet.retweeted svg{stroke-width:.5px;stroke:#229778;fill:#229778}main:not(.modal)>.tweet:not(.display):not(.return-tweet-exp):not(.home-write):not(.reply-write):hover{background-color:var(--hover-color);cursor:pointer}.write-left-options{display:flex;flex:1 1;justify-content:flex-start}.sub-options{fill:#008cff;width:20px}.tweet-write-content{border:0;font-size:1.5rem;margin:8px 0 0;min-height:48px;outline:0;padding:0;resize:none;text-align:left;white-space:pre-line;width:100%}.tweet-write{flex:1 1}.tweet-write-options{display:flex;padding:10px 0}.media-tweet{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:40px}.media-tweet:hover{background-color:rgba(0,140,255,.116)}.home-tweet-button{background-color:#008cff;border:0;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;outline:0;padding:.5rem 1.25rem;transition:.2s}.disabled{background-color:#88c7fa}.home-tweet-button:not(.disabled):hover{background-color:rgba(0,140,255,.74)}.tweet-media{display:flex;gap:2px}.tweet-media,.tweet-media-wrapper{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tweet-media-wrapper{border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.tweet-media-wrapper img{display:block;max-height:510px;max-width:100%}.tweet-write .EmojiPickerReact{box-shadow:0 0 10px #dcdcdc;left:100%;position:absolute!important;top:0!important;z-index:1}.emoji{height:18px;margin-bottom:-3px}.home-write .emoji{height:24px}.main-tweet .emoji{height:28px;margin-bottom:-6px}.grayed-text:hover{-webkit-user-select:none;user-select:none}.empty-tweet:after{color:gray;content:"What's Happening?"}.reply-write .empty-tweet:after{content:"Tweet your reply"}.register-button svg{height:20px}.register-button{align-items:center;display:flex;gap:8px;justify-content:center}.register-redirect{margin-top:12px}.pseudolink{color:#00b2ff;cursor:pointer;text-decoration:underline}.home h1{font-size:1.7rem;padding-left:12px;text-align:left}.tweet-options{align-items:center;display:flex;justify-content:center;position:relative;right:0}.tweet-options svg{fill:var(--font-color)}.tweet-options:hover .sub-options{fill:#487691}.tweet-options:after{content:"";height:100%;padding:8px;position:absolute;width:100%}.tweet-options:hover:after{background-color:#00b3ff10;border-radius:50%}.option-container{-webkit-animation:transform .2s;animation:transform .2s;background-color:var(--background-color);border-radius:15px;box-shadow:0 0 10px 1px var(--border-color);display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:0;-webkit-transform-origin:top;transform-origin:top;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:100}.option{white-space:nowrap}.option-container>*{display:flex;font-weight:600;gap:12px;padding:12px}.option-svg{height:20px}@-webkit-keyframes transform{0%{color:transparent;-webkit-transform:scaleY(0);transform:scaleY(0)}to{color:#000;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes transform{0%{color:transparent;-webkit-transform:scaleY(0);transform:scaleY(0)}to{color:#000;-webkit-transform:scaleY(1);transform:scaleY(1)}}.hide-opt{background-color:initial;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:50}.option{cursor:pointer;transition:.3s;-webkit-user-select:none;user-select:none}.option:hover{background-color:var(--hover-color)}.option.Delete{color:#f4212e}.option.Delete svg{fill:#f4212e}.tweet-write-content__suggestions{left:0;top:100%!important;width:100%}.right-bar-box.trend-box{padding:0 12px}.chats{border-right:1px solid var(--border-color);color:var(--font-color);height:100vh;position:-webkit-sticky;position:sticky;top:0;width:388px}.messages-container{flex:1 1}.message-input-container{border-radius:10px;gap:4px;margin:5px}.send-message{background-color:#4169e1;border:none;color:#fff;font-family:Roboto,sans-serif;font-weight:600;outline:none;padding:2px 8px}.messages-main{height:100vh}.message-write,.messages-main{display:flex;flex-direction:column}.message-write{background-color:var(--border-color);border-radius:20px;gap:5px;padding:5px}.empty-message:after{color:gray;content:"Write a message"}.message-write .EmojiPickerReact{bottom:120%!important;box-shadow:0 0 10px #dcdcdc;left:50%;position:absolute!important;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.media-message{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;position:relative;width:36px}.media-message:hover{background-color:rgba(0,140,255,.116)}.message-write-content{border:0;margin:0;max-height:200px;min-height:20px;outline:0;overflow:auto;overflow-wrap:break-word;resize:none;text-align:left;white-space:pre-line;width:100%}.message-write-content *{overflow-wrap:inherit!important}.message-write-options{align-items:center;display:flex;gap:5px}.media-message svg{transition:.1s}.disabled-button{-webkit-filter:grayscale(.7);filter:grayscale(.7)}.message-other{display:flex;flex-direction:column;gap:2px;padding:3px 12px;position:relative;transition:.2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message-mine .message{left:-20px;top:calc(50% - 20px);transition:.3s}.message-mine :not(.message-date)+.message{left:-20px;top:calc(50% - 10px)}.message-other .message{right:-20px;top:calc(50% - 20px);transition:.3s}.message-other :not(.message-date)+.message{right:-20px;top:calc(50% - 10px)}.message-mine:hover .message>svg,.message-other:hover .message>svg{opacity:1;z-index:auto}.message>svg{opacity:0;transition:.2s;z-index:-100}.message-mine{align-items:flex-end;display:flex;flex-direction:column;gap:2px;margin-left:auto;padding:3px 12px;position:relative;transition:.2s}.message-mine,.message-mine>*,.message-other>*{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message-mine>*,.message-other>*{max-width:395px}.message-other .message-content{background-color:var(--border-color);border-radius:30px;border-bottom-left-radius:5px;color:#000;text-align:left}.message-content{padding:12px 16px}.message-mine .message-content{background-color:var(--color);border-radius:30px;border-bottom-right-radius:5px;color:#fff;text-align:right}.sub-options.chat{fill:#000}.media-message.chat:hover{background-color:rgba(0,0,0,.068)}.chats-head{align-items:center;display:flex;justify-content:space-between}.chats-head *{margin:0}.chats-placeholder{align-items:flex-start;display:flex;flex-direction:column;padding:0 16px}.chat-placeholder p,.chats-placeholder p{color:var(--light-font-color);margin-top:0;text-align:left}.chats-placeholder-header{font-size:2.5rem;font-weight:900;margin-top:24px;text-align:left}.chat-placeholder-header{font-size:2rem;font-weight:900;margin-top:24px;text-align:left}.chat-placeholder{display:flex;flex-direction:column;gap:4px;width:368px}.messages-main.center{align-items:center;justify-content:center}.chat-new-message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal.message{padding:0}.message-search-svg{fill:gray;height:20px}.new-message-input-container{align-items:center;border-bottom:1px solid #dcdcdc;display:flex;flex-direction:row-reverse;gap:20px;padding:12px 24px}.new-message-input-container input{background-color:var(--background-color);border:none;color:var(--font-color);flex:1 1;font-size:1rem;outline:none}.new-message-input-container input:focus+*{fill:var(--color)}.modal.message .tweet-header{align-items:flex-start;flex-direction:column;gap:0}.modal.message .tweet{cursor:pointer;transition:.3s}.modal.message .tweet:hover{background-color:hsla(0,0%,86%,.37);cursor:pointer}.modal.message .tweet .tweet-profile-pic{box-shadow:none}.align-loader{align-items:center;display:flex;justify-content:center}.message-input-container .tweet-media-wrapper{height:150px;margin:8px 0 0 8px;position:relative;width:150px}.message-input-container .tweet-media-wrapper img{height:100%;width:100%}.message-media-remove{fill:#fff;background-color:rgba(0,0,0,.521);border-radius:50%;height:30px;left:4px;padding:4px;position:absolute;top:4px;width:30px}.main-tweet-header.first-message{flex-direction:column}.main-tweet.first-message{border-bottom:1px solid var(--border-color);margin-bottom:12px;padding:46px 36px}.first-message .tweet-profile-pic{height:68px;width:68px}.first-message .main-tweet-names{align-items:center}.first-message .profile-name,.first-message .profile-tag{font-size:1.1rem}.chat-last-message{color:var(--light-font-color);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.chats .tweet{width:100%}.chats .tweet-wrapper{overflow:hidden;width:100%}.chats-head{padding:12px}.message-date{color:var(--light-font-color);font-size:.85rem}.tweet-options.message{position:absolute}.message-write-content__suggestions{bottom:100%}.notification-title{margin-top:0}.notification-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--semitransparent-background);border-bottom:1px solid var(--border-color);padding:8px 16px 0;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.notification-header .profile-navbar{border:0}.notification-svg{height:30px;width:30px}.notification-svg.like{fill:#f91880}.notification-svg.retweet{fill:#00ba7c}.notification-svg.follow{fill:var(--color)}.notification-main .side-tweet{display:flex;justify-content:flex-end;width:48px}.notifications-users img{border-radius:50%;height:30px;object-fit:cover;width:30px}.notifications-users{display:flex;gap:5px}.noti-name{font-weight:600}.noti-tweet-content{color:var(--light-font-color);text-align:left}.noti-wrapper .main-tweet-content{gap:12px}.notification-main .tweet{padding:16px}.noti-wrapper{font-size:1.05rem}.banner{background-color:#ff4500;height:200px;min-height:200px}.calendar-svg{fill:var(--light-font-color);height:18.75px;margin-right:4px;width:18.75px}.profile-header{align-items:flex-start;display:flex;flex-direction:column;letter-spacing:-.5px}.profile-tweets-count{color:var(--light-font-color);font-size:.95rem;font-weight:400}.profile-opt{align-items:flex-start;display:flex;height:68px;justify-content:flex-end;position:relative}.profile-pic-container{background-color:var(--background-color);border-radius:50%;bottom:0;height:142px;left:0;margin-bottom:12px;object-fit:cover;padding:4px;position:absolute;width:142px}.minimized{height:125px;width:125px}.profile-pic{border-radius:50%;height:100%;width:100%}.svg-modal{fill:#f1eded;background-color:rgba(0,0,0,.527);border-radius:50%;height:45px;padding:10px;transition:.3s;width:45px}.svg-modal:hover{background-color:rgba(0,0,0,.411)}.edit-profile{background-color:initial;border:1px solid #d4d4d4;border-radius:50px;color:var(--font-color);font-family:inherit;font-size:1rem;font-weight:600;padding:.45rem .95rem;transition:.3s}.edit-profile:hover{background-color:hsla(0,0%,86%,.466)}.profile{gap:12px;padding:12px}.profile,.profile-ids{display:flex;flex-direction:column}.profile-ids{align-items:flex-start;letter-spacing:-.5px}.profile-name{font-size:1.4rem;font-weight:900}.profile-tag{color:var(--light-font-color);font-size:1.1rem}.profile-creation-date{align-items:center}.profile-creation-date,.profile-track{color:var(--light-font-color);display:flex}.profile-track{gap:20px;justify-content:flex-start}.profile-track .count{color:var(--font-color);font-weight:600}.profile-navbar{border-bottom:1px solid var(--border-color);display:flex}.profile-link{color:var(--light-font-color);flex:1 1;font-size:1.05rem;padding:0 16px;text-decoration:none;white-space:nowrap}.profile-link.active{color:var(--font-color);font-weight:900}.link-wrapper{display:block;margin:auto;padding:16px 0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.active .link-wrapper:after{background-color:#00a2ff;border-radius:15px;bottom:0;content:"";height:4px;left:0;position:absolute;width:100%}.heightened{min-height:120vh}.profile-info-modal .inputs{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:5px;color:var(--font-color);font-size:1.05rem;height:60px;padding:22px 8px 8px;width:100%}.profile-info-modal{display:flex;flex-direction:column;gap:24px;margin-bottom:40px;padding:10px}.profile-modal.modal-container{align-items:center}.profile-modal.modal{margin:0}.profile-info-modal .inputs{font-family:inherit}.profile-info-modal label{position:relative}.inputs:not(:focus)+.label-text.expanded{font-size:1.1rem;top:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.inputs:focus+.label-text,.label-text{font-size:.9rem;left:8px;transition:.2s}.inputs:focus+.label-text,.label-text,.letter-count{color:var(--light-font-color);position:absolute;top:4px}.letter-count{display:none;font-size:.95rem;right:4px}.inputs:focus{outline:2px solid #00a2ff}.inputs:focus~.letter-count{display:block}.profile-info-modal .inputs:focus+.label-text{color:#00a2ff}.profile-bio{text-align:left}textarea{resize:none}.profile-banner{height:100%;object-fit:cover;width:100%}.loadBar-modal{background-color:#00a2ff;bottom:-4px;height:4px;left:0;position:absolute;-webkit-transform-origin:left;transform-origin:left;transition:.4s;width:100%}.modal-wrapper{overflow:auto}.main-tweet-profile{border-radius:50%;height:40px;object-fit:cover;width:40px}.tweet-exp{position:relative}.main-tweet{display:flex;flex-direction:column;gap:10px;padding:16px 16px 5px;scroll-margin:40px}.main-tweet-header{align-items:center;display:flex;gap:8px}.main-tweet-names{align-items:flex-start;display:flex;flex-direction:column}.main-tweet-main-content{font-size:23px;text-align:start;white-space:pre-line}.main-tweet-wrapper{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color)}.main-tweet-interact{background-color:var(--background-color);display:flex;gap:8px;justify-content:space-between;padding:4px 30px;width:100%}.main-tweet-interact svg{fill:var(--light-font-color);border-radius:50%;height:36.75px;padding:7px;transition:.1s}.main-tweet-interact>*{align-items:center;border-radius:50%;color:var(--light-font-color);display:flex;font-size:16px;font-weight:400;gap:5px;padding:0 20px 0 0;transition:.1s}.bold{color:var(--font-color);font-weight:600}.main-tweet-meta{align-items:center;border-top:1px solid var(--border-color);color:var(--light-font-color);display:flex;gap:15px;height:44px}.tweet-parent .side-tweet{position:relative}.tweet-profile-pic{box-shadow:0 0 0 5px var(--background-color)}main:not(.modal)>.tweet:not(.display):not(.home-write):hover .tweet-profile-pic{box-shadow:0 0 0 5px var(--hover-color)}.tweet-parent .side-tweet:after{background-color:var(--light-font-color);content:"";height:100%;left:50%;position:absolute;right:50%;top:48px;-webkit-transform:translate(-50%);transform:translate(-50%);width:2px;z-index:1}.return-tweet-exp{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--semitransparent-background);border:0;display:flex;font-size:1.35rem;font-weight:600;gap:20px;height:53px;padding:12px!important;position:-webkit-sticky;position:sticky;top:0;z-index:10}.return-tweet-exp:hover{cursor:pointer}.return-tweet-exp .wrapper{align-items:center;display:flex;height:48px;justify-content:flex-start;width:48px}.return-tweet-exp svg{fill:var(--font-color);height:40%;width:40%}.tweet-parent{border:0}.reply-write{padding-top:0}.like-button .heart-icon{background:url(/twitter-replication-project/static/media/heart.fa922e043a9717eb2a4b.png);background-position:0;cursor:pointer;height:100px;position:absolute;width:100px}.like-button .heart-icon.liked{-webkit-animation:like-anim .7s steps(28) forwards;animation:like-anim .7s steps(28) forwards}@-webkit-keyframes like-anim{to{background-position:100%}}@keyframes like-anim{to{background-position:100%}}.like-button .heart-bg{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;transition:all .1s ease;width:30px}.main-tweet .heart-bg{height:35px;width:35px}.like-button .heart-bg:hover{background:rgba(249,24,129,.116)}.like-button{align-items:center;display:flex}.setting-button{fill:var(--font-color);height:18.75px;width:18.75px}.settings{margin-top:24px}.setting{color:var(--font-color);display:flex;justify-content:space-between;padding:12px 14px 12px 12px;position:relative;text-decoration:none}.setting.active{background-color:var(--hover-color)}.setting.active:after{background-color:#00c3ff;content:"";height:100%;position:absolute;right:-2px;top:0;width:2px}.setting-name{font-size:1.1rem}.setting:hover{background-color:var(--hover-color)}.main-setting h2{margin-bottom:0}.main-setting>p{color:var(--light-font-color);padding:0 16px;text-align:left}.account-information{display:flex;flex-direction:column;text-align:left}.account-information>*{padding:10px 16px}.account-information h3{margin-bottom:0}.account-information p{color:var(--light-font-color);margin-top:0;padding-top:0}.account-subsection{border-top:1px solid var(--hover-color);display:flex;flex-direction:column}.account-subsection span{color:var(--light-font-color)}.account-subsection span:first-child,.reset-password{color:#000;font-weight:600}.reset-password{background-color:initial;border:1px solid #000;border-radius:50px;font-family:inherit;font-size:1rem;margin:12px;transition:.2s}.reset-password:hover{background-color:#000;color:#fff}.reset-password.delete{border-color:red;color:red}.reset-password.delete.small{border-color:red;margin-bottom:25px;padding:10px}.reset-password.delete.small,.reset-password.delete:hover{background-color:red;color:#fff}.account-information{margin-bottom:15px}.delete-modal.modal{width:350px}.delete-modal.modal>h2,.delete-modal.modal>p{margin-top:0;padding:0 16px}.delete-modal.modal p{color:var(--light-font-color);margin-top:8px}.delete-modal.modal-container{align-items:center}.delete-modal.modal{margin:0;position:relative}.delete-modal.modal .loadBar-modal{bottom:0}.sticky{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--background-color);margin:0;padding:16px;position:-webkit-sticky;position:sticky;top:0}.tweet.display{padding:20px}.tweet.display h2{margin:0;text-align:left}.font-slider{background-color:initial;margin:0;opacity:0;z-index:20}.font-slider,.sliders{position:relative;width:100%}.slider-overlay{align-items:center;display:flex;height:100%;justify-content:space-between;position:absolute;top:0;width:100%}.slider-overlay span{background-color:#a3c0ff;border-radius:50%;display:inline-block;height:15px;width:15px;z-index:15}.selected{-webkit-transform:scale(1.2);transform:scale(1.2)}.past-selected,.selected{background-color:#4169e1!important}.invisible-track{background-color:#8fb2ff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.invisible-track,.visible-track{height:4px;position:absolute;top:50%;width:100%}.visible-track{background-color:#4169e1;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:left;transform-origin:left;z-index:10}.slider-container{align-items:center;display:flex;gap:10px;margin-top:25px}.colors{display:flex;justify-content:space-between;margin-top:20px;width:100%}.colors>*{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;position:relative;width:40px}.color-svg,.colors input{display:none}.color-svg{fill:#fff;height:80%;width:80%}.colors input:checked+.color-svg{display:block}.colors .blue{background-color:var(--color)}.colors .yellow{background-color:#ffd400}.colors .pink{background-color:#f91880}.colors .purple{background-color:#7856ff}.colors .orange{background-color:#ff7a00}.colors .green{background-color:#00ba7c}.themes{display:flex;gap:16px;margin-top:15px}.themes input{display:none}.svg-theme svg{fill:#fff;display:none;height:100%;width:100%}.themes input:checked+.svg-theme svg{display:block}.themes>*{align-items:center;background-color:#dcdcdc;border:1px solid #000;border-radius:5px;cursor:pointer;display:flex;flex:1 1;height:60px;justify-content:space-between;padding:16px}.themes>*>span{flex:1 1;font-weight:900}.svg-theme{border:2px solid gray;border-radius:50%;height:25px;overflow:hidden;width:25px}.themes .default{background-color:#fff;color:#0f1419}.themes .dim{background-color:#15202b;color:#f7f9f9}.themes .lights-out{background-color:#000;color:#e7e9ea}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Source Sans Pro,sans-serif;margin:0}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:12px;width:8px}::-webkit-scrollbar-thumb{background-color:#333333b4;border-radius:10px}::-webkit-scrollbar-track{background-color:initial;border-radius:10px}
/*# sourceMappingURL=main.9c83f9ed.css.map*/