@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:#4682b4}img{display:block}button,input,textarea{border:none;outline:none;cursor:pointer}body{background:#15202b;font-family:"Poppins",sans-serif;color:#fff;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}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999}.scroll-box{height:95vh;overflow-y:auto;border:1px solid #ccc;scrollbar-width:none;-ms-overflow-style:none}.scroll-box::-webkit-scrollbar{display:none}.modal-content{background:#15202b;padding:2rem;text-align:center;border-radius:8px;width:100%;max-width:400px;box-shadow:0 10px 30px rgba(0,0,0,.3);position:relative;color:#fff}.modal-close{position:absolute;top:10px;right:25px;font-size:1.5rem;border:none;background:transparent;color:#fff;cursor:pointer}@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:#1d82c8;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:#4682b4;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}.message-btn{position:relative;padding:1em 2em;border:1px solid #fff;background-color:initial;color:#fff;border-radius:50px}.message-btn:before{content:"Message";display:grid;place-items:center;position:absolute;inset:0;background-color:rgba(44,255,12,.17254901960784313);border-radius:50px;opacity:0;z-index:2}.message-btn:hover{border:1px solid #00ff62}.message-btn:hover:after,.message-btn:hover:before{opacity:1}.message-btn:after{content:"";border-radius:50px;position:absolute;inset:0;opacity:0;z-index:1;background-color:#15202b}.unfollow-btn{position:relative;padding:1em 2em;border:1px solid #fff;background-color:initial;color:#fff;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:#15202b}.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 #fff;background-color:initial;color:#fff;border-radius:50px}.tweet-btns{cursor:pointer;width:80%;margin:1.1em 0 0 .3em}.tweet-btns__btn{color:#4f5e6c;font-size:1.2em;background-color:initial}.tweet-btns__btn svg{margin-right:.3em}.tweet-btns__btn:hover{color:#4682b4}.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:#4682b4;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:#15202b;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:#fff}.tweet-delete-modal__btns button.delete{background-color:red}.tweet-delete-modal__btns button.cancel{background-color:initial;border:1px solid #fff}.spinner{width:100%;padding:1em 0}.spinner .spin{border-radius:50%;border:2px solid #4682b4;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:sticky;top:0;background-color:#1c2731;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:#253341;color:#fff}.sidebar-right input:focus{outline:3px solid #4682b4}.sidebar-right input::placeholder{color:#4f5e6c;font-size:1.2em}.sidebar-right .trends{width:90%;margin:1.3em auto;background-color:#192734;border-radius:15px;padding:1em}.sidebar-right .trends a{color:#4682b4}.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:#15202b;z-index:10}.sidebar-left__card{display:none}.sidebar-left__link{color:#fff}.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:#15202b;box-shadow:0 0 10px hsla(0,0%,86.3%,.175);bottom:4em;left:1em;visibility:hidden;transition:.1s}.sidebar-left__modal a{color:#fff}.sidebar-left__modal button{text-align:left;background-color:initial;color:#fff;font-size:1em;padding:1em 1.2em}.sidebar-left__modal button:hover{background-color:#1c2731}.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:#2c3640}.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:#4682b4}.sidebar-left__link:hover{background-color:#1c2731}.sidebar-left__link--tweet{background-color:#4682b4;justify-content:center;padding:.8em 0;margin-top:1em}.sidebar-left__link--tweet:hover{background-color:#4682b4;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:#1c2731}.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:#4f5e6c;font-size:.9em}.tweet__profile--name{font-weight:400;color:#fff}.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:#fff}.tweet__icons{position:relative}.profile-card{padding-bottom:1em}.profile-card__banner{width:100%;height:13em;background:#4c5d69}.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:#4c5d69}.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:#4c5d69;margin:.4em 1.3em 0 0}.profile-card__bio--follow span{display:inline-block;color:#fff;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:#15202b;color:#fff;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:#4682b4;margin:0 .3em}.tweet-form__form button{padding:.7em 1.4em;border-radius:20px;background-color:#4682b4;color:#fff;cursor:pointer;margin:1em}.auth{color:#fff}.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 #4682b4}.auth__form input[type=submit]{background-color:#4682b4;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}.chat-list-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee;cursor:pointer;transition:background .2s ease}.chat-list-card:hover{background-color:#f5f8fa}.chat-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:16px}.chat-info{flex:1 1;overflow:hidden;margin-left:12px}.chat-name{font-size:16px;margin:0;font-weight:600;color:#393939}.chat-last-message,.chat-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-last-message{font-size:14px;color:#747474;margin:4px 0 0}.chat-meta{display:flex;flex-direction:column;align-items:flex-end;min-width:75px}.chat-time{font-size:12px;color:#888}.chat-unread-badge{background-color:#007bff;color:#fff;border-radius:12px;padding:2px 6px;font-size:12px;margin-top:6px}.chat-message-card{display:flex;flex-direction:column;margin:10px}.chat-message-card.sent{align-self:flex-end;text-align:right;align-items:end}.chat-message-card.received{align-self:flex-start;text-align:left;align-items:start}.sender-name{margin-bottom:4px;color:#555;font-size:.9rem}.message-bubble{background-color:#f1f1f1;padding:10px 15px;border-radius:20px;position:relative;color:#15202b;max-width:70%}.chat-message-card.sent .message-bubble{background-color:#29343f;color:#fff}.message-text{margin:0;word-break:break-word}.timestamp{font-size:.75rem;color:hsla(0,0%,100%,.6);margin-top:4px;display:block}.chat-inbox{display:flex;flex-direction:column;height:100vh}.chat-header{padding:16px;background-color:#1c2731}.chat-title{margin:0;font-size:18px;font-weight:600;color:#fff}.chat-message-list{flex:1 1;overflow-y:auto;padding:16px;background-color:#15202b;scroll-behavior:smooth}.chat-message-list::-webkit-scrollbar{width:6px}.chat-message-list::-webkit-scrollbar-track{background:transparent}.chat-message-list::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.2);border-radius:3px}.chat-message-list{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.chat-input-form{display:flex;padding:10px;background-color:#fff;border-top:1px solid #ddd;position:sticky;bottom:0;z-index:10}.chat-input{flex:1 1;padding:10px 15px;font-size:1rem;border:1px solid #ccc;border-radius:25px;margin-right:10px;outline:none}.chat-send-btn{padding:10px 20px;background-color:#15202b;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s ease}.chat-send-btn:hover{background-color:#1c2731}.image-grid{display:grid;grid-gap:6px;gap:6px;max-width:600px;margin:20px auto;border-radius:8px;overflow:hidden}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:3fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"main side1" "main side2"}.grid-3 .grid-item:first-child{grid-area:main}.grid-3 .grid-item:nth-child(2){grid-area:side1}.grid-3 .grid-item:nth-child(3){grid-area:side2}.grid-4{grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,1fr);grid-template-areas:"main right1" "main right2"}.grid-4 .grid-item:first-child{grid-area:main}.grid-4 .grid-item:nth-child(2){grid-area:right1}.grid-4 .grid-item:nth-child(3){grid-area:right2}.grid-4 .grid-item:nth-child(4){position:relative}.grid-item{position:relative;width:100%;height:100%}.grid-item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}.overlay{position:absolute;right:0;bottom:0;background:rgba(0,0,0,.6);color:#fff;font-size:24px;font-weight:700;border-radius:6px}.custom-modal-overlay,.overlay{top:0;left:0;display:flex;align-items:center;justify-content:center}.custom-modal-overlay{position:fixed;width:100%;height:100%;background:rgba(10,10,10,.85);z-index:9999;animation:fadeIn .3s ease-in-out}.custom-modal{position:relative;background:#fff;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.3);max-width:90%;max-height:90%;padding:20px;overflow:hidden;animation:scaleIn .3s ease-in-out;display:flex;flex-direction:column;grid-gap:12px;gap:12px}.modal-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.modal-image{max-height:70vh;width:auto;max-width:100%;border-radius:12px;transition:transform .3s ease}.modal-close-btn,.modal-delete-btn{position:absolute;top:10px;background:#1e5887;border:none;border-radius:60%;padding:4px;color:#ddd;cursor:pointer;z-index:1;box-shadow:0 0 5px rgba(0,0,0,.2)}.modal-close-btn{right:10px}.modal-delete-btn{right:50px}.modal-nav-buttons .nav-btn{position:absolute;top:50%;transform:translateY(-50%);font-size:28px;background:hsla(0,0%,100%,.8);border:none;border-radius:50%;padding:8px 14px;cursor:pointer;font-weight:700;color:#333}.modal-nav-buttons .left{left:10px}.modal-nav-buttons .right{right:10px}.modal-thumbnails{display:flex;grid-gap:8px;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:10px}.thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;cursor:pointer;opacity:.6;border:2px solid transparent;transition:.3s ease}.thumbnail.active,.thumbnail:hover{opacity:1;border-color:#007bff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95)}to{transform:scale(1)}}
/*# sourceMappingURL=main.04039d73.chunk.css.map */