@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:#f59e0b}img{display:block}button,input,textarea{border:none;outline:none;cursor:pointer}body{background:#fff;font-family:"Poppins",sans-serif;color:#111827;font-size:1em;line-height:1.4}.display-flex{display:flex}.display-none{display:none}.display-block{display:block}.justify-content-c{justify-content:center}.justify-content-sb{justify-content:space-between}.justify-content-se{justify-content:space-evenly}.justify-content-fe{justify-content:flex-end}.align-items-c{align-items:center}.align-items-fe{align-items:flex-end}.align-items-fs{align-items:flex-start}.flex-wrap-wrap{flex-wrap:wrap}.flex-wrap-nowrap{flex-wrap:nowrap}.flex-direction-c{flex-direction:column}.flex-direction-r{flex-direction:row}.flex-1{flex:1 1}.flex-2{flex:2 1}.flex-3{flex:3 1}.flex-order-1{order:1}.flex-order-2{order:2}.flex_order-3{order:3}.flex-order-4{order:4}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes like{0%{opacity:.5;color:orange;transform:scale(.5)}to{opacity:1;color:#f91880;transform:scale(1)}}@keyframes unlike{0%{transform:scale(1.1);opacity:.5;color:#f91880}to{transform:scale(1);opacity:1;color:#4f5e6c}}@keyframes addBookmark{0%{opacity:.5;color:#fff;transform:scale(.5)}to{opacity:1;color:#d4af37;transform:scale(1)}}@keyframes removeBookmark{0%{transform:scale(1.1);opacity:.5;color:#fff}to{transform:scale(1);opacity:1;color:#4f5e6c}}.tweet-btn{display:flex;background-color:#f59e0b;color:#fff;padding:.6em;border-radius:50%;position:fixed;right:2.3em;bottom:5.5em}.tweet-btn svg{font-size:1.7em}.tweet-btn p{display:none}@media (min-width:40em){.tweet-btn{display:none}}.follow-btn{padding:1em 2em;background:#fff;color:#191919;border-radius:50px;font-weight:800}.follow-btn:hover{opacity:.8}.unfollow-btn{position:relative;padding:1em 2em;border:1px solid #111827;background-color:initial;color:#111827;border-radius:50px}.unfollow-btn:before{content:"Unfollow";display:grid;place-items:center;background-color:rgba(255,20,12,.17254901960784313);z-index:2}.unfollow-btn:after,.unfollow-btn:before{position:absolute;inset:0;border-radius:50px;opacity:0}.unfollow-btn:after{content:"";z-index:1;background-color:#fff}.unfollow-btn:hover{border:1px solid red}.unfollow-btn:hover:after,.unfollow-btn:hover:before{opacity:1}.edit-btn{position:relative;padding:.7em 1.2em;font-size:.9em;border:1px solid #111827;background-color:initial;color:#111827;border-radius:50px}.tweet-btns{cursor:pointer;width:80%;margin:1.1em 0 0 .3em}.tweet-btns__btn{color:#a67c52;font-size:1.2em;background-color:initial}.tweet-btns__btn svg{margin-right:.4em}.tweet-btns__btn:hover{color:#f59e0b}.tweet-btns__bookmark{animation:removeBookmark .2s ease-in-out alternate forwards}.tweet-btns__bookmark--active{animation:addBookmark .1s ease-in-out alternate forwards}.tweet-btns__like{animation:unlike .2s ease-in-out alternate forwards}.tweet-btns__like--active small,.tweet-btns__like--active svg{animation:like .1s ease-in-out alternate forwards}.avatar{background-color:#d4af37;border-radius:50%}.avatar__small{width:3em;height:3em}.avatar__small svg{font-size:1.2em}.avatar__large{width:8em;height:8em}.avatar__large svg{font-size:1.7em}.avatar svg{color:#fff}.avatar img{object-fit:cover;width:100%;height:100%;border-radius:50%}.tweet-delete-modal{position:fixed;inset:0;background-color:rgba(48,64,77,.3215686274509804);z-index:3}.tweet-delete-modal__wrapper{font-size:.9em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:20em;padding:2em;border-radius:1em}.tweet-delete-modal p{font-weight:200;color:#c9c9c9}.tweet-delete-modal__btns{margin:.5em 0}.tweet-delete-modal__btns button{border-radius:20px;padding:1em;margin:.5em 0;color:#111827}.tweet-delete-modal__btns button.delete{background-color:red;color:#fff}.tweet-delete-modal__btns button.cancel{background-color:initial;border:1px solid #e5e7eb}.spinner{width:100%;padding:1em 0}.spinner .spin{border-radius:50%;border:2px solid #f59e0b;border-right-color:transparent;width:3em;height:3em;animation:spin .4s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.layout{position:relative;margin-bottom:3em}.layout .header{border-bottom:1px solid hsla(0,0%,86.3%,.175);width:100%;padding:1em;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:3}.layout .header svg{font-size:1.2em}@media (min-width:40em){.layout{margin:0}.layout main{flex:3 1;overflow-y:auto;height:100vh}}.notification{font-size:1em;width:100%;margin:auto;padding:1.3em 2em;border-bottom:1px solid hsla(0,0%,86.3%,.175);cursor:pointer}.notification svg{font-size:1.6em;margin-right:.6em}.notification:hover{background-color:hsla(0,0%,86.3%,.175)}.sidebar-right{display:none}.sidebar-right input{width:90%;height:4em;border-radius:40px;border:none;padding:0 1em;background-color:#f3f4f6;color:#111827}.sidebar-right input:focus{outline:3px solid #f59e0b}.sidebar-right input::placeholder{color:#a67c52;font-size:1.2em}.sidebar-right .trends{width:90%;margin:1.3em auto;background-color:#f9fafb;border-radius:15px;padding:1em}.sidebar-right .trends a{color:#f59e0b}.sidebar-right .trend{margin:1.5em 0}@media (min-width:40em){.sidebar-right{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:2 1;border-left:1px solid hsla(0,0%,86.3%,.175);height:100vh}}.sidebar-left{position:fixed;bottom:0;left:0;right:0;border-top:1px solid hsla(0,0%,86.3%,.175);padding:.6em 2em;background-color:#fff;z-index:10}.sidebar-left__card{display:none}.sidebar-left__link{color:#111827}.sidebar-left__link--bookmark,.sidebar-left__link--list,.sidebar-left__link--notification,.sidebar-left__link--tweet,.sidebar-left__link--twitter{display:none}.sidebar-left__icon{font-size:1.6em}.sidebar-left__modal,.sidebar-left__text{display:none}@media (min-width:40em){.sidebar-left{position:relative;height:100vh;justify-content:flex-start;flex-direction:column;border-right:1px solid hsla(0,0%,86.3%,.175);flex:1.1 1;padding:.2em 4em 0 1em}.sidebar-left__modal{display:flex;position:absolute;z-index:2;width:300px;padding:1em 0;border-radius:20px;background-color:#fff;box-shadow:0 0 10px hsla(0,0%,86.3%,.175);bottom:4em;left:1em;visibility:hidden;transition:.1s}.sidebar-left__modal a{color:#111827}.sidebar-left__modal button{text-align:left;background-color:initial;color:#111827;font-size:1em;padding:1em 1.2em}.sidebar-left__modal button:hover{background-color:#f3f4f6}.sidebar-left__modal.opened{visibility:visible;bottom:6.2em}.sidebar-left__card{position:absolute;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;bottom:1.2em;left:50%;transform:translateX(-50%);padding:.5em .7em;cursor:pointer;width:90%;border-radius:40px}.sidebar-left__card:hover{background-color:#f3f4f6}.sidebar-left__card--info{margin-left:.9em}.sidebar-left__card--info h3{font-size:1em}.sidebar-left__link{padding:.8em;display:flex;align-items:center;transition:.1s;border-radius:30px}.sidebar-left__link.active{color:#f59e0b}.sidebar-left__link:hover{background-color:#f3f4f6}.sidebar-left__link--tweet{background-color:#f59e0b;color:#fff;justify-content:center;padding:.8em 0;margin-top:1em}.sidebar-left__link--tweet:hover{background-color:#f59e0b;opacity:.8;color:#fff}.sidebar-left__icon{font-size:1.7em;margin:0 .8em 0 0}.sidebar-left__text{display:block;font-size:1.2em;font-weight:500}}.tweet{position:relative;align-self:center;width:100%;height:auto;letter-spacing:.3px;padding:1em;border-bottom:1px solid hsla(0,0%,86.3%,.175);cursor:pointer;opacity:1;animation:fadeIn .1s ease-in-out}.tweet:hover{background-color:#f9fafb}.tweet__retweet{border:1px solid hsla(0,0%,86.3%,.175);border-radius:15px;margin:.5em 0}.tweet__side--left{flex:1 1}.tweet__side--right{flex:7 1}.tweet__profile{font-size:1em;color:#a67c52;font-size:.9em}.tweet__profile--name{font-weight:400;color:#111827}.tweet__profile--name:hover{text-decoration:underline}.tweet__profile--username{margin:0 .5em}.tweet__body{font-family:"Poppins";font-size:.9em;font-weight:200;margin:.5em 0;color:#111827}.tweet__icons{position:relative}.profile-card{padding-bottom:1em}.profile-card__banner{width:100%;height:13em;background:#ede7dd}.profile-card__banner img{width:100%;height:100%}.profile-card__bio{padding:0 1em 1em;border-bottom:1px solid hsla(0,0%,86.3%,.175)}.profile-card__bio h3{margin-top:.6em}.profile-card__bio small{color:#a67c52}.profile-card__bio ul{list-style:none;margin-top:.6em;margin-left:-.2em}.profile-card__bio ul li{margin-right:.6em;font-size:.9em}.profile-card__bio ul li svg{margin-right:.3em}.profile-card__bio--img{margin-top:-12%}.profile-card__bio--follow p{color:#a67c52;margin:.4em 1.3em 0 0}.profile-card__bio--follow span{display:inline-block;color:#111827;font-weight:500}.profile-card__tweets{padding:1em 0}.profile-card__tweets,.tweet-form{width:100%;border-bottom:1px solid hsla(0,0%,86.3%,.175)}.tweet-form__img{margin:1.7em 1em}.tweet-form__form{width:100vw}.tweet-form__form textarea{font-family:"Poppins";font-size:1.2em;margin:1em 0;width:100%;height:200px;padding:1em 0;background-color:#fff;color:#111827;resize:none}.tweet-form__form textarea ::placeholder{position:absolute;font-family:"Poppins";font-size:1.2em;font-weight:500}.tweet-form__form ul{list-style:none}.tweet-form__form ul svg{font-size:1.2em;color:#f59e0b;margin:0 .3em}.tweet-form__form button{padding:.7em 1.4em;border-radius:20px;background-color:#f59e0b;color:#fff;cursor:pointer;margin:1em}.auth{color:#111827}.auth h2,.auth p{margin:.6em 0}.auth img{display:none;flex:2 1;object-fit:cover}.auth__form{width:90%}@media (min-width:40em){.auth__form{width:auto}}.auth__form--wrapper{flex:2 1;width:100%}.auth__form input{width:100%;height:4em;border-radius:5px;border:none;padding:0 1em}@media (min-width:40em){.auth__form input{width:25em}}.auth__form input:not([type=submit]){margin:.6em 0}.auth__form input:not([type=submit]):focus{outline:3px solid #f59e0b}.auth__form input[type=submit]{background-color:#f59e0b;color:#fff;cursor:pointer;margin:1em 0}@media (min-width:40em){.auth img{display:block;height:100vh}}.upload-form{position:relative}.upload-form img{width:5em;height:5em}.upload-form input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.upload-form div{border:3px dotted hsla(0,0%,86.3%,.175);padding:1em 2em}@media (min-width:40em){.home .tweet-form{width:100%;border-bottom:1px solid hsla(0,0%,86.3%,.175)}.home .tweet-form textarea{height:5em}}.explore img{width:100%}.notification svg{font-size:1.7em;flex:1 1}.notification p{flex:20 1}.view-wrapper{width:20em;margin-top:3em}.view-wrapper p{font-weight:200;color:grey}.tweet__replies{text-align:center;border-bottom:1px solid hsla(0,0%,86.3%,.175);padding:1em 0}
/*# sourceMappingURL=main.a2707f6f.chunk.css.map */