@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&family=Source+Sans+Pro:wght@300;400&family=Ubuntu:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&family=Libre+Franklin:wght@300;400;500;700&family=Poppins:wght@400;500;700&family=Roboto+Mono&family=Source+Sans+Pro:wght@300;400&family=Ubuntu:wght@400;500;700&display=swap);*{padding:0;margin:0;border:0}*,:after,:before{box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none}aside,footer,header,nav{display:block}body,html{height:100%;width:100%;font-size:100%;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,input,textarea{font-family:inherit}textarea::-webkit-scrollbar{width:8px}textarea::-webkit-scrollbar-thumb{background-color:rgba(15,20,25,.1);border-radius:50px}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:hover,a:visited{text-decoration:none}ul li{list-style:none}img{vertical-align:top;color:#1882c9}html{font-size:62.5%}body{font-family:"Inter","Poppins","Roboto",sans-serif}#root{min-height:100%}#root,.wrapper{position:relative}.wrapper{min-height:100vh;max-width:100%}pre{color:#0f1419;font-family:inherit;font-size:1.6rem;line-height:1.9rem;white-space:pre-wrap}pre a{color:#1d9bf0;font-weight:300}.overlay-load{min-height:100vh;background:rgba(169,231,255,.2);display:flex;align-items:center;justify-content:center;position:relative}.overlay-load .load-icon{font-size:7rem;-webkit-animation:loader 2s ease infinite;animation:loader 2s ease infinite}@-webkit-keyframes loader{0%{color:rgba(126,199,248,.5);-webkit-transform:scale(100%);transform:scale(100%)}to{color:#1d9bf0;-webkit-transform:scale(130%);transform:scale(130%)}}@keyframes loader{0%{color:rgba(126,199,248,.5);-webkit-transform:scale(100%);transform:scale(100%)}to{color:#1d9bf0;-webkit-transform:scale(130%);transform:scale(130%)}}.signup{height:100vh;overflow-y:scroll;display:flex;flex-direction:column}.signup__content{flex:0 0 auto;display:flex;height:calc(100vh - 80px);position:relative;width:100%}.signup__column{height:100%}.signup .signup-col-1{flex:0 1 35%;background-position:50%;background-size:cover;flex-direction:column;position:relative}.signup .signup-col-1,.signup .signup-col-1__icon{height:100%;display:flex;align-items:center;justify-content:center}.signup .signup-col-1__icon{width:100%}.signup .signup-col-1 .twitter-icon{color:#fff;height:50%;width:50%}.signup .signup-col-2{flex:0 0 auto;padding:2.5rem 2rem 2.5rem 5rem;display:flex;align-items:center}.signup .signup-col-2 .twitter-icon-bl{color:#1d9bf0;font-size:6rem;margin-bottom:7rem}.signup .signup-col-2__title{font-size:6.7rem;color:#0f1419;font-weight:700;line-height:7.6rem;letter-spacing:.08rem;margin-bottom:3rem}.signup .signup-col-2__subtitle{color:#0f1419;font-size:3.2rem;line-height:3.6rem;font-weight:700;letter-spacing:.08rem;margin-bottom:3.2rem;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;display:block}.signup .signup-col-2__buttons{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.signup .signup-col-2__button{text-align:center;color:#0f1419;font-size:1.8rem;border:1px solid rgba(15,20,25,.1);border-radius:3rem;padding:1.2rem 1.5rem 1rem;max-width:35rem;font-weight:500;cursor:pointer}.signup .signup-col-2__button.reg-btn{background-color:#1d9bf0;border:1px solid #fff;color:#fff}.signup .signup-col-2__button.reg-btn:hover{background-color:#1784cc}.signup .signup-col-2__button.signin-btn{position:relative}.signup .signup-col-2__button.signin-btn .google-icon{vertical-align:middle;font-size:2.8rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute}.signup .signup-col-2__button.signin-btn span{padding-left:3.4rem}.signup .signup-col-2__button.signin-btn:hover{background-color:rgba(15,20,25,.1)}.signup .signup-nav{flex:0 0 8rem;background-color:#f7f7f7;padding:1rem 5rem .8rem;font-size:1.4rem;color:#536471;line-height:2.2rem;display:flex;justify-content:center;flex-direction:column}.signup .signup-nav__list{display:flex;align-items:center;justify-content:center;justify-content:space-between;grid-gap:.5rem;gap:.5rem}.signup .signup-nav__item{cursor:pointer}.signup .signup-nav__titile{text-align:center;margin-top:1.2rem}@media (max-width:1000px){.signup .signup-col-2__title{font-size:3.5rem;color:#0f1419;font-weight:700;line-height:4.2rem;letter-spacing:.08rem;margin-bottom:2.8rem}.signup .signup-col-2__subtitle{color:#0f1419;font-size:2.3rem;line-height:3.2rem;font-weight:700;letter-spacing:.08rem;margin-bottom:3rem}}@media (max-width:767px){.signup__column.signup-col-1{display:none}.signup .signup-nav__list{flex-wrap:wrap}}.info-input{border:1px solid rgba(15,20,25,.1);border-radius:5px;padding:1.8rem 1rem .6rem;position:relative;display:flex;cursor:text}.info-input.active{pointer-events:none;border:1px solid #1d9bf0}.info-input.active.error .info-input__placeholder{color:red}.info-input.active .info-input__placeholder{top:20%;font-size:1.2rem;line-height:0;color:#1d9bf0}.info-input.error{border:1px solid #ff3d3d}.info-input.error:focus-within .input-err-icon{display:none}.info-input.error .input-err-icon{right:2%;display:block;font-size:2.1rem;color:#ff3d3d}.info-input.error .input-err-icon,.info-input__placeholder{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.info-input__placeholder{font-size:1.6rem;color:#bbb}.info-input__placeholder.filled{top:20%;font-size:1.2rem;line-height:0;color:#bbb}.info-input__input{font-size:1.6rem;width:100%;color:#0f1419}.modal{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:11111;left:0;top:0;padding:0 1rem}.modal__content{position:relative;max-width:65rem;width:100%;background-color:#fff;border-radius:25px;padding:1.5rem 1.5rem 2.5rem}.modal__header{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.modal__close{position:absolute;left:0}.modal__close .modal-close{cursor:pointer;font-size:3.5rem;color:#0f1419}.modal__logo .modal-twitter{font-size:3.2rem;color:#1d9bf0}.modal__body{padding:1rem 2.5rem}.modal__title{color:#0f1419;font-weight:700;font-size:2.6rem;margin-bottom:1.8rem}.signup-form{display:flex;flex-direction:column;grid-gap:3rem;gap:3rem}.signup-form .sign-error{border:1px solid #fc6868;text-align:center;padding:.6rem 0}.signup-form .sign-error .err-msg{color:#fc6868;display:flex;align-items:center;justify-content:center}.signup-form .sign-error .err-msg span{font-size:1.3rem;font-weight:500}.signup-form .sign-error .err-msg .err-icon{margin-right:.5rem;font-size:1.8rem}.form-submit{font-size:2rem;font-weight:500;cursor:pointer;background-color:#1d9bf0;color:#fff;border-radius:30px;padding:1rem}.form-submit:disabled{pointer-events:none;background-color:rgba(126,199,248,.5)}.h-content__header{font-size:1.6rem;padding:1.1rem 1.5rem;font-weight:700;border-bottom:1px solid rgba(15,20,25,.1)}.home{display:flex;padding:0 1.5rem;min-height:100vh;max-width:1320px;margin:0 auto}.home__header{display:flex;flex-direction:column;justify-content:space-between;padding-top:1rem;height:100vh}.home__header .home-twitter-h{color:#1d9bf0;font-size:3rem;margin-bottom:2.2rem}.home__main{flex:1 1 auto;display:flex;grid-gap:4rem;gap:4rem}.home__content{max-width:700px;flex:1 1 auto}.home__aside{max-width:300px;display:flex;flex-direction:column}.home-nav{position:relative}.home-nav .nav-fake{width:230px}.home-nav__list{position:fixed;display:flex;flex-direction:column;justify-content:space-between;grid-gap:1rem;gap:1rem;height:100vh;padding-bottom:5rem;max-width:100%}.home-nav__item{cursor:pointer;border-radius:50px}.home-nav__item a{color:#0f1419;display:flex;align-items:center;grid-gap:1.4rem;gap:1.4rem;padding:1rem}.home-nav__item a.active,.home-nav__item a.active .home-nav-icon{color:#1d9bf0}.home-nav__item div{font-size:1.6rem;letter-spacing:.1rem}.home-nav__item:hover{background-color:rgba(15,20,25,.1)}.home-nav__item:first-child{padding-left:1rem}@media (max-width:1240px){.home-nav__item:first-child{padding:0}}.home-nav .home-nav-icon{color:#0f1419;height:27px;width:27px}.home-nav__btn{cursor:pointer;margin-top:1.5rem;background-color:#1d9bf0;display:flex;align-items:center;justify-content:center;border-radius:35px;box-shadow:0 5px 15px rgba(66,66,66,.12)}.home-nav__btn .home-new-tweet{display:none}.home-nav__btn span{color:#fff;font-size:1.8rem;font-weight:700;text-align:center;letter-spacing:.02em;padding:1.2rem .5rem}.home-nav__btn:hover,.home-nav__sign-btn{background-color:#1784cc}.home-nav__sign-btn{display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;border-radius:1000px;min-height:32px;padding:0 1rem}.h-content{display:flex;flex-direction:column;border:1px solid rgba(15,20,25,.1);border-bottom:0;border-top:0}.h-content__placeholder{font-size:2.2rem;color:#0f1419;text-align:center;padding:3rem 0;font-weight:700}.h-content__tweets-list{display:flex;flex-direction:column;align-items:center}.home-aside{background-color:#fff;width:100%}.home-aside__search{padding:.4rem 0;background-color:#fff}.home-aside__label{color:#536471;padding:1.2rem 1.8rem;border-radius:35px;background-color:#f0f0f0;border:1px solid #f0f0f0;display:flex}.home-aside__label:focus-within{background-color:#fff;border:1px solid #1d9bf0}.home-aside__label:focus-within .home-aside-i{color:#1d9bf0}.home-aside__label:focus-within input{background-color:#fff}.home-aside__label .home-aside-i{font-size:2rem;margin-right:1.8rem}.home-aside__input{background-color:#f0f0f0;font-family:inherit;font-size:1.5rem;color:#0f1419}.home-aside__input::-webkit-input-placeholder{font-weight:300}.home-aside__input:-ms-input-placeholder{font-weight:300}.home-aside__input::placeholder{font-weight:300}.home-aside .home-column{position:relative;max-width:100%;margin-top:80px;border-radius:20px;overflow:hidden;background-color:#f7f9f9;color:#0f1419}.home-aside .home-column.users-col{margin-top:2rem}.home-aside .home-column__head{font-weight:700;font-size:2rem;padding:1.5rem}.home-aside .home-column__item{position:relative;max-width:100%;display:flex;align-items:center;cursor:pointer;padding:1.2rem 1.5rem}.home-aside .home-column__item:hover{background-color:rgba(0,0,0,.03)}.home-aside .home-column__title{font-weight:500;font-size:1.8rem;margin-bottom:1rem;overflow:hidden}.home-aside .home-column__title.user-name{flex:1 1 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-aside .home-column__title.user-name span{display:block;overflow:hidden;font-size:1.6rem;text-overflow:ellipsis;white-space:nowrap}.home-aside .home-column__title.user-name span:hover{text-decoration:underline}.home-aside .home-column__avatar{flex:0 0 48px;margin-right:1.2rem}.home-aside .home-column__avatar img{max-width:100%;display:block;border-radius:50%}.home-aside .home-column__body{align-items:center;display:flex;flex:1 1 auto;max-width:300px;justify-content:space-between;overflow:hidden}.home-aside .home-column__link{color:#536471;font-size:1.3rem}.home-aside .home-column__button{background-color:#0f1419;color:#fff;font-size:1.6rem;font-weight:700;border-radius:305px;min-height:32px;padding:0 1.6rem;display:flex;align-items:center;justify-content:center;margin-left:1rem}.home-aside .home-column__button:hover{background-color:rgba(15,20,25,.76)}.home-aside .home-column__count{color:#536471;font-size:1.3rem}@media (max-width:1240px){.home-nav{padding-right:1.8rem}.home-nav .nav-fake{width:40px}.home-nav__item{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.home-nav__item a{padding:0}.home-nav__item div{display:none}.home-nav__btn{border-radius:50%;box-shadow:0 5px 5px rgba(0,0,0,.1)}.home-nav__btn .home-new-tweet{display:block;background-color:#1d9bf0;color:#fff;border-radius:50%;padding:1rem;font-size:5rem}.home-nav__btn .home-new-tweet:hover{background-color:#1784cc}.home-nav__btn span{display:none}}@media (max-width:999px){.home__aside{display:none}}.loader{align-self:center}.lds-ring{margin-top:.7rem;display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:50px;height:50px;margin:6px;border-radius:50%;-webkit-animation:lds-ring .8s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring .8s cubic-bezier(.5,0,.5,1) infinite;border:6px solid transparent;border-top-color:#95cff7}.lds-ring div:first-child{-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.2s;animation-delay:-.2s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.home-column{display:flex;flex-direction:column}.home-column .no-items{font-size:1.6rem;color:#536471;text-align:center;padding:1rem 0}.home-column{position:relative;max-width:100%;margin-top:80px;border-radius:20px;overflow:hidden;background-color:#f7f9f9;color:#0f1419}.home-column.users-col{margin-top:2rem}.home-column__head{font-weight:700;font-size:2rem;padding:1.5rem}.home-column__count{color:#536471;font-size:1.3rem}.home-column .loader{align-self:center}.home-column__list{display:flex;flex-direction:column}.home-column__item{position:relative;max-width:100%;display:flex;align-items:center;cursor:pointer;padding:1.2rem 1.5rem}.home-column__item:hover{background-color:rgba(0,0,0,.03)}.home-column__title{font-weight:500;font-size:1.8rem;margin-bottom:1rem;overflow:hidden}.home-column__title.user-name{flex:1 1 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-column__title.user-name span{display:block;overflow:hidden;font-size:1.6rem;text-overflow:ellipsis;white-space:nowrap;color:#0f1419}.home-column__title.user-name span:hover{text-decoration:underline}.home-column__avatar{flex:0 0 48px;margin-right:1.2rem}.home-column__avatar img{max-width:100%;display:block;border-radius:50%}.home-column__body{align-items:center;display:flex;flex:1 1 auto;max-width:300px;justify-content:space-between;overflow:hidden}.home-column__link{color:#536471;font-size:1.3rem}.home-column__button{background-color:#0f1419;color:#fff;font-size:1.6rem;font-weight:700;border-radius:305px;min-height:32px;padding:0 1.6rem;display:flex;align-items:center;justify-content:center;margin-left:1rem}.home-column__button:hover{background-color:rgba(15,20,25,.76)}.user-panel{border-radius:100px;box-shadow:0 0 12px 2px rgba(0,0,0,.1);padding:.6rem 1rem;cursor:pointer;max-width:210px;position:relative}.user-panel:hover{background-color:rgba(0,0,0,.03)}.user-panel__row{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.user-panel__avatar{flex:0 0 48px}.user-panel__avatar img{max-width:100%;display:block;border-radius:50%}.user-panel__content{display:flex}.user-panel__body,.user-panel__content{flex:1 1 auto;overflow:hidden}.user-panel__name{font-weight:700;color:#0f1419;font-size:1.6rem;line-height:2rem}.user-panel__login,.user-panel__name{white-space:nowrap;text-overflow:ellipsis}.user-panel__login{font-weight:300;font-size:1.3rem;color:#536471}.user-panel__dots,.user-panel__dots .dots_circle{display:flex;align-items:center}.user-panel__dots .dots_circle{width:2.2rem;height:2.2rem;border-radius:50%;justify-content:center;cursor:pointer;position:relative}.user-panel__dots .user-panel-icon{font-size:1.8rem;color:#536471}@media (max-width:1240px){.user-panel{width:50px;height:50px;border-radius:50%;padding:0}.user-panel__content{display:none}}.user-popup{position:absolute;background-color:#fff;border-radius:1rem;z-index:10;overflow:hidden;top:0;left:50%;-webkit-transform:translateY(-110%) translateX(-50%);transform:translateY(-110%) translateX(-50%);width:100%;box-shadow:0 0 5px 1px rgba(0,0,0,.1)}.user-popup__item{padding:1rem 1.2rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;color:#0f1419;position:relative}.user-popup__item:after{content:"";position:absolute;width:100%;height:1px;background-color:rgba(0,0,0,.03);left:0;bottom:0}.user-popup__item:last-child:after{height:0}.user-popup__item:hover{background-color:#f7f9f9}.user-popup__item .u-popup-icon{font-size:1.6rem}.user-popup__item .u-popup-icon.logout-i{color:#f55050}.user-popup__item span{font-size:1.6rem;font-weight:300}@media (max-width:1240px){.user-popup__item{justify-content:center}.user-popup__item .u-popup-icon{font-size:1.9rem}.user-popup span{display:none}}.tweet{width:100%}.tweet__item{cursor:pointer;display:flex;position:relative;padding:1.5rem 1.2rem 1.9rem;width:100%}.tweet__item:after{content:"";position:absolute;width:100%;height:1px;left:0;bottom:0;background-color:rgba(15,20,25,.1)}.tweet__item:hover{background-color:#f7f9f9}.tweet__item.disabled:hover{background-color:#fff}.tweet__avatar{flex:0 0 48px}.tweet__avatar img{border-radius:50%;display:block;max-width:100%}.tweet__content{padding-left:1.5rem;flex:1 1 auto}.tweet__header{display:flex;align-items:center;justify-content:space-between;font-size:1.5rem;color:#536471}.tweet__info{display:flex}.tweet__menu{display:flex;align-items:center;justify-content:center;position:relative;z-index:100;width:30px;height:30px;border-radius:50%}.tweet__menu:hover{background-color:rgba(169,231,255,.2)}.tweet__menu .dots-icon{color:#536471;cursor:pointer;font-size:1.9rem}.tweet__username{cursor:pointer}.tweet__username .name{font-weight:700;margin-right:1.2rem;color:#0f1419}.tweet__username .link{font-weight:300;position:relative;padding-right:10px}.tweet__username .link:after{content:"";height:3px;width:3px;border-radius:50%;background-color:#536471;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute}.tweet__time{padding-left:6px;font-weight:300}.tweet__body{padding:.5rem 0}.tweet__body,.tweet__body pre{font-size:1.6rem;color:#0f1419}.tweet__body pre{font-family:inherit;line-height:2.2rem;white-space:pre-wrap;word-wrap:break-word}.tweet__options{padding-top:.8rem;display:flex;align-items:center;justify-content:space-between}.tweet__options div{display:flex;align-items:center;justify-content:center;grid-gap:.15rem;gap:.15rem}.tweet__options div span{margin-right:.5rem;color:#536471;font-size:1.2rem}.tweet__options div button{height:35px;width:35px;border-radius:50%;background-color:transparent}.tweet__options div .tweet-option-i{vertical-align:middle;font-size:1.7rem;cursor:pointer;color:#536471}.tweet__options div .tweet-option-i.liked{color:#fc709f}.tweet__options div:last-child{margin-right:20%}.tweet__options .tweet-default:hover button{background-color:rgba(169,231,255,.2)}.tweet__options .tweet-default:hover .tweet-option-i{color:#00c3ff}.tweet__options .tweet-repost:hover button{background-color:rgba(83,255,161,.15)}.tweet__options .tweet-repost:hover .tweet-option-i{color:#53ffa1}.tweet__options .tweet-like:hover button{background-color:rgba(255,157,211,.15)}.tweet__options .tweet-like:hover .tweet-option-i{color:#fc709f}.tweet-pictures{max-height:60rem;display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;overflow:hidden}.tweet-pictures__item{height:100%;max-height:100%;max-width:100%;width:100%;height:200px;background-position:50%;background-repeat:no-repeat;background-size:contain;position:relative;z-index:45}.create-form{display:flex;padding:1.2rem 1.5rem;border-bottom:1px solid rgba(15,20,25,.1)}.create-form__avatar{flex:0 0 48px}.create-form__avatar img{max-width:100%;display:block;border-radius:50%}.create-form__body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.new-tweet-form{padding-left:1rem}.new-tweet-form__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.7rem}.new-tweet-form__btns{display:flex;align-items:center;grid-gap:1.4rem;gap:1.4rem}.new-tweet-form__btns .new-tweet-icon{font-size:2.1rem;color:#1d9bf0;cursor:pointer}.new-tweet-form__control{display:flex;align-items:center;grid-gap:1.2rem;gap:1.2rem}.new-tweet-form__control .form-error{display:flex;align-items:center;font-size:1.2rem;color:#ec4848}.new-tweet-form__control .form-error .error-icon{font-size:1.7rem;margin-right:.4rem}.new-tweet-form__submit{color:#fff;font-weight:700;font-size:1.6rem;background-color:#1d9bf0;border-radius:30px;padding:0 1.6rem;min-height:38px;cursor:pointer}.new-tweet-form__submit:hover{background-color:#1784cc}.new-tweet-form__submit:disabled{background-color:rgba(126,199,248,.5);pointer-events:none}.new-tweet-form__circle{border-radius:50%;width:25px;height:25px;border:1px solid #000}.uploads{display:flex;align-items:center;grid-gap:1.4rem;gap:1.4rem;position:relative;max-height:600px;height:30rem}.uploads__item{flex:1 1 auto;background-size:cover;background-repeat:no-repeat;background-position:50%;z-index:2}.uploads__image,.uploads__item{max-height:100%;height:100%;position:relative;width:100%}.uploads__image{display:flex}.uploads__image img{max-width:100%;max-height:100%;display:block;margin:0 auto}.uploads__remove{cursor:pointer;width:2rem;height:2rem;background-color:#ec3b3b;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;-webkit-transform:translateY(-40%) translateX(40%);transform:translateY(-40%) translateX(40%)}.uploads__remove:hover{background-color:#8b0303}.uploads__remove .uploads-i{font-size:1.8rem;color:#fff}.new-tweet-form__textarea{padding:0 1rem 0 0;font-family:inherit;font-weight:500;min-height:8rem;line-height:2.4rem;resize:none;width:100%;font-size:2rem;border-bottom:2px solid hsla(0,0%,74.5%,.15);margin-bottom:1.2rem}.new-tweet-form__textarea::-webkit-scrollbar{width:8px}.new-tweet-form__textarea::-webkit-scrollbar-thumb{background-color:rgba(15,20,25,.1);border-radius:50px}.not-found{font-size:2rem;text-align:center;line-height:3.6rem;font-weight:700}.curr-tweet{position:relative}.curr-tweet__wrapper{padding:1.5rem 2rem}.curr-tweet__wrapper.progress{opacity:.5;pointer-events:none}.curr-tweet__head{display:flex;align-items:center;justify-content:space-between}.curr-tweet__dots{position:relative;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.curr-tweet__dots:hover{background-color:rgba(169,231,255,.2)}.curr-tweet__dots .dots-i{color:#536471;font-size:2rem}.curr-tweet__content{padding-top:1.5rem;position:relative}.curr-tweet__content:after{content:"";position:absolute;left:0;bottom:0;background-color:rgba(15,20,25,.1);width:100%;height:1px}.curr-tweet__body{font-size:1.8rem;color:#0f1419;line-height:2.2rem}.curr-tweet__time{font-size:1.5rem;color:#536471;padding:1.8rem 0;font-weight:300}.curr-tweet .tweet-row{position:relative;height:5rem;display:flex;align-items:center}.curr-tweet .tweet-row:after{content:"";position:absolute;left:0;bottom:0;background-color:rgba(15,20,25,.1);width:100%;height:1px}.curr-tweet__options{display:flex;align-items:center;justify-content:space-around;position:relative}.curr-tweet .tweet-activity{display:flex;align-items:center;grid-gap:.4rem;gap:.4rem}.curr-tweet .tweet-activity__icon{background:transparent;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.curr-tweet .tweet-activity__icon .curr-tweet-i{color:#536471;font-size:2.1rem}.curr-tweet .tweet-activity__icon.def-icon:hover{background-color:rgba(169,231,255,.2)}.curr-tweet .tweet-activity__icon.def-icon .curr-tweet-i.active,.curr-tweet .tweet-activity__icon.def-icon:hover .curr-tweet-i{color:#00c3ff}.curr-tweet .tweet-activity__icon.rep-icon:hover{background-color:rgba(83,255,161,.15)}.curr-tweet .tweet-activity__icon.rep-icon .curr-tweet-i.active,.curr-tweet .tweet-activity__icon.rep-icon:hover .curr-tweet-i{color:#53ffa1}.curr-tweet .tweet-activity__icon.like-icon:hover{background-color:rgba(255,157,211,.15)}.curr-tweet .tweet-activity__icon.like-icon .curr-tweet-i.liked,.curr-tweet .tweet-activity__icon.like-icon:hover .curr-tweet-i{color:#fc709f}.curr-tweet__stats{display:flex;grid-gap:2.2rem;gap:2.2rem;font-size:1.6rem;color:#536471;font-weight:300}.curr-tweet__count span{font-weight:500;color:#0f1419;margin-left:.5rem}.user-i{display:flex;grid-gap:1.1rem;gap:1.1rem}.user-i__avatar{flex:0 0 48px}.user-i__avatar img{border-radius:50%;display:block;cursor:pointer;max-width:100%}.user-i__name{font-size:1.6rem;color:#0f1419;font-weight:700;line-height:3rem}.user-i__login{font-size:1.4rem;color:#536471}.reply-form{padding:1.4rem 2rem;position:relative}.reply-form:after{content:"";background-color:rgba(15,20,25,.1);position:absolute;width:100%;height:1px;left:0;bottom:0}.reply-form__row{display:flex;grid-gap:1.2rem;gap:1.2rem}.reply-form__avatar{flex:0 0 48px;border-radius:50%}.reply-form__avatar img{max-width:100%;display:block;border-radius:50%}.reply-form__body{flex:1 1 auto}.reply-form__textarea{padding-bottom:1rem}.reply-form__textarea .reply-textarea{width:100%;font-size:1.8rem;resize:none;min-height:6rem;line-height:2.2rem}.reply-form__textarea .reply-textarea::-webkit-input-placeholder{color:#536471}.reply-form__textarea .reply-textarea:-ms-input-placeholder{color:#536471}.reply-form__textarea .reply-textarea::placeholder{color:#536471}.reply-form__footer{display:flex;align-items:center;justify-content:space-between}.reply-form__icons{display:flex;align-items:center;grid-gap:1rem;gap:1rem;cursor:pointer}.reply-form__icons .reply-form-i{color:#1d9bf0;font-size:2rem}.reply-form__submit{color:#fff;font-size:1.6rem;text-align:center;font-weight:700;min-height:38px;cursor:pointer;padding:0 1.5rem;border-radius:1111px;background-color:#1d9bf0}.reply-form__submit:hover{background-color:#1784cc}.reply-form__submit:disabled{background-color:rgba(126,199,248,.5)}.comment-item{padding:1.5rem;border-bottom:1px solid rgba(15,20,25,.1);position:relative}.comment-item__row{display:flex;grid-gap:1rem;gap:1rem;max-width:100%}.comment-item__avatar{flex:0 0 50px}.comment-item__avatar img{max-width:100%;border-radius:50%;display:block}.comment-item__content{flex:1 1 auto;color:#0f1419}.comment-item__user{display:flex;align-items:center;grid-gap:1rem;gap:1rem;font-size:1.6rem}.comment-item__name{font-weight:700}.comment-item__login{font-weight:300;color:#536471;line-height:2rem}.comment-item__body{padding:1rem 0}.comment-item__dots{position:relative}.comment-item__dots .comm-dots-btn{height:2.5rem;width:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.comment-item__dots .comm-dots-btn:hover{background-color:rgba(15,20,25,.1)}.comment-item__dots .comm-dots-btn .comment-dots-icon{font-size:1.8rem;color:#536471}.comment-item__time div{color:#536471;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.comment-item__time div .comm-reply-icon{font-size:1.8rem}.comment-item__time div span{font-size:1.4rem;font-weight:300}.tweet-popup{position:absolute;right:0;top:0;border-radius:12px;border:1px solid hsla(0,0%,54.1%,.2);box-shadow:0 0 8px rgba(61,61,61,.1);background-color:#fff;z-index:2;overflow:hidden}.tweet-popup__item{display:flex;cursor:pointer;align-items:center;padding:1rem 1.2rem;grid-gap:1rem;gap:1rem;position:relative;font-size:1.5rem;color:#536471}.tweet-popup__item:hover{background-color:rgba(15,20,25,.1)}.tweet-popup__item .popup-icon{font-size:1.8rem}.error-pg{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-pg__head{font-size:2.4rem;text-align:center}.error-pg__head span{line-height:3.6rem;font-weight:700;font-size:3rem;color:#1784cc}.profile__col{display:flex;flex-direction:column}.profile .pr-head{max-width:100%;position:relative}.profile .pr-head:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(15,20,25,.1)}.profile .pr-head__background{height:22rem;background-color:#e2e2e2;position:relative}.profile .pr-head__avatar{width:14rem;height:14rem;border-radius:50%;-webkit-transform:translateY(50%);transform:translateY(50%);border:4px solid #fff;position:absolute;bottom:0;margin-left:1.5rem}.profile .pr-head__avatar img{max-width:100%;border-radius:50%;display:block}.profile .pr-head__row{display:flex;justify-content:space-between;padding:0 1.5rem;width:100%;position:relative;justify-content:flex-end}.profile .pr-head__button{padding-top:1.5rem}.profile .pr-head__button .edit-btn{cursor:pointer;border-radius:222px;padding:0 1.6rem;min-height:32px;color:#fff;background-color:#1d9bf0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.6rem}.profile .pr-head__button .edit-btn:hover{background-color:#1784cc}.profile .pr-head__button .follow-btn{cursor:pointer;border-radius:222px;padding:0 1.6rem;min-height:32px;color:#fff;background-color:#0f1419;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.6rem}.profile .pr-head__button .follow-btn.active{background-color:#fff;color:#0f1419;border:1px solid #000}.profile .pr-head__button .follow-btn.active:hover{background-color:rgba(255,83,83,.2);color:red}.profile .pr-head__button .follow-btn:disabled{pointer-events:none;opacity:.1}.profile .pr-head__button .follow-btn:hover{background-color:rgba(15,20,25,.76)}.profile .pr-head__info{display:flex;flex-direction:column;padding:3.25rem 1.5rem 2rem}.profile .pr-head__name{font-weight:700;font-size:2.2rem;line-height:2.8rem}.profile .pr-head__login{font-weight:300;color:#536471;font-size:1.4rem;line-height:2rem}.profile .pr-head__about{padding:.75rem 0}.profile .pr-head__about span{font-size:1.6rem;color:#0f1419;letter-spacing:.0025em;line-height:2.2rem;font-weight:300}.profile .pr-head__followers-row{display:flex;align-items:center;grid-gap:2rem;gap:2rem;font-weight:300;color:#536471;font-size:1.6rem;line-height:2.1rem}.profile .pr-head__followers-item b{color:#0f1419}.profile .pr-head .pr-info-list{display:flex;align-items:center;padding:.6rem 0 1.1rem;font-weight:300;color:#536471;font-size:1.5rem;grid-gap:1.45rem;gap:1.45rem}.profile .pr-head .pr-info-list__item{display:flex;align-items:center;grid-gap:.3rem;gap:.3rem}.profile .pr-head .pr-info-list__item .pr-info-icon{color:#536471;font-size:1.7rem}.profile .pr-head .pr-info-list__item .link-icon{font-size:1.9rem}.profile .pr-head .pr-head-tab__list{display:flex;align-items:center;justify-content:space-between}.profile .pr-head .pr-head-tab__item{cursor:pointer;flex:0 0 25%;text-align:center}.profile .pr-head .pr-head-tab__item:hover{background-color:rgba(15,20,25,.1)}.profile .pr-head .pr-head-tab__item span{display:inline-block;font-size:1.6rem;color:#536471;font-weight:700;padding:2rem .5rem;position:relative}.profile .pr-head .pr-head-tab__item .underline{height:4px;width:100%;background-color:transparent;position:absolute;border-radius:1000px;bottom:0;left:0}.profile .pr-head .pr-head-tab__item.active span{color:#0f1419}.profile .pr-head .pr-head-tab__item.active .underline{background-color:#1d9bf0}.profile-edit__col{display:flex;flex-direction:column;align-items:center}.profile-edit__avatar{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden}.profile-edit__avatar:hover .avatar-layout{opacity:1}.profile-edit__avatar .avatar-layout{opacity:.25;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;display:flex;flex-direction:column;align-items:center;background-color:hsla(0,0%,100%,.8);padding:.5rem 0;cursor:pointer}.profile-edit__avatar .avatar-layout span{font-size:1.3rem;line-height:1.8rem;color:#0f1419;font-weight:500}.profile-edit__avatar .avatar-layout .profile-cam-icon{font-size:2.2rem;color:#536471}.profile-edit__avatar .edit-img{background-position:50%;background-size:cover;cursor:pointer;height:100%;background-repeat:no-repeat;width:100%;display:block;border-radius:50%}.profile-edit__submit{padding:2rem 0 0}.profile-edit__submit .submit-btn{min-height:32px;border-radius:5000px;background-color:#1d9bf0;color:#fff;font-size:1.6rem;font-weight:700;padding:0 1.6rem}.profile-edit__submit .submit-btn:disabled{background-color:rgba(126,199,248,.5);pointer-events:none}.profile-edit__submit .submit-btn:hover{background-color:#1784cc}.tweets-not-found{padding:2rem 0;text-align:center;line-height:3rem;font-size:2.6rem;font-weight:700;color:#0f1419}
/*# sourceMappingURL=main.19bd5dde.chunk.css.map */