@import url(https://fastui.netlify.app/style/library.css);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.page-content{color:var(--white-color);font-size:1.6rem;padding:3rem;margin-left:20%;margin-right:30%;position:relative;min-height:100vh}.response-wrapper{min-width:40rem}.text-grey{color:var(--grey-color)}.border-bottom{border-bottom:1px solid var(--primary-color)}@media only screen and (max-width:1200px){.page-content{margin-left:0}}:root{--primary-color:#1da1f2;--black-color:#14171a;--light-black-color:#283238;--light-black-color-2:#1b2128;--grey-color:#aab8c2;--light-white-color:#e1e8ed;--light-white-color-2:#f5f8fa}body{font-family:"Roboto",sans-serif;background-color:var(--black-color)}.right-sidebar{position:fixed;right:0;height:100%;width:30%;box-shadow:1px 0 1px 1px var(--light-white-color-2);padding:2rem 4rem 2rem 3rem}.right-sidebar .searchbar{position:relative}.right-sidebar .search-box{outline:none;border:none;border-radius:15px;padding:var(--spacing-xs) var(--spacing-s);color:var(--light-white-color-2);background:var(--light-black-color);width:100%}.right-sidebar .search-suggestion{position:absolute;top:105%;background-color:#000;color:#fff;font-size:1.6rem;z-index:10;max-height:500px;min-height:300px;min-width:100%;overflow-y:auto}.right-sidebar .search-suggestion>*{padding:1rem 2rem;display:block}.right-sidebar .search-suggestion a:hover{cursor:pointer;background-color:#333}.right-sidebar .follow-suggestion{margin:2rem 0;padding:2rem 0;background-color:var(--light-black-color);color:var(--light-white-color-2);border-radius:2rem}.follow-suggestion-header{padding-bottom:2rem;padding-inline:2rem}.right-sidebar .user-list{display:flex;flex-direction:column}.follow-suggestion .user{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.follow-suggestion .user:hover{background-color:#222;cursor:pointer}.right-sidebar .user-info{display:flex;grid-gap:1rem;gap:1rem;align-items:center}.right-sidebar .user-picture{padding:0}.right-sidebar .user-picture img{width:50px;height:50px;border-radius:50%}.right-sidebar .user-picture i{font-size:5rem;padding:0}.right-sidebar .profile-info{color:var(--light-white-color-2);line-height:1.3}.right-sidebar .profile-name{font-weight:500}.right-sidebar .profile-username{color:var(--grey-color)}.right-sidebar .follow-btn{border-radius:2rem;height:-moz-fit-content;height:fit-content}.sidebar{display:flex;flex-direction:column;position:fixed;height:100%;overflow-y:auto;min-width:20%;padding:.5rem;padding-bottom:var(--spacing-m);box-shadow:1px 0 1px -1px var(--light-white-color-2);z-index:2}.sidebar .sidebar-logo{margin:1rem;padding:1rem;font-size:4rem;font-weight:700;width:-moz-fit-content;width:fit-content;color:var(--light-white-color-2)}.sidebar .sidebar-logo:hover{background:none}.sidebar a{color:var(--white-color);border-radius:1.5rem;padding:1rem 1.5rem;margin:1rem}.sidebar a:hover{cursor:pointer}.sidebar a.active,.sidebar a:hover{background:var(--primary-color)}.sidebar i{padding-right:2rem}.create-post-btn{margin:1rem}.create-post-btn i{padding-right:1rem}.sidebar-footer{margin-top:auto}.sidebar-profile{display:flex;grid-gap:1rem;gap:1rem;align-items:center}.sidebar-footer .profile-picture{padding:0}.sidebar-footer .profile-picture:hover{background:none}.sidebar-footer .profile-picture img{width:50px;height:50px}.sidebar-footer .profile-picture i{font-size:5rem;padding:0}.sidebar-profile-info{color:var(--light-white-color-2);line-height:1.3}.sidebar-profile-name{font-weight:500}.sidebar-profile-username{color:var(--grey-color)}.sidebar-footer .auth-btn{background:none;border:1px solid var(--primary-color);color:var(--primary-color);border-radius:1rem;display:block;text-align:center;margin:0 auto;width:calc(100% - 2rem)}.sidebar-footer .auth-btn:hover{color:var(--light-white-color-2);background:var(--primary-color)}@media only screen and (max-width:1200px){.sidebar{display:none}}.add-post-modal{position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(91,112,131,.4);align-items:center;z-index:10}.add-post-content,.add-post-modal{display:flex;justify-content:center}.add-post-content{background-color:#000;grid-gap:2rem;gap:2rem;width:650px;padding:2rem}.add-post-profile-picture{font-size:5rem;color:var(--light-white-color-2)}.add-post-profile-picture img{width:5rem;height:5rem;border-radius:50%}.add-post-modal .input-textarea textarea{background-color:#000;color:var(--light-white-color);width:500px;padding:1.5rem 1rem;border-radius:.7rem;font-size:1.6rem;margin-top:0}.add-post-modal .input-image{color:var(--light-white-color-2)}.add-post-footer{display:flex;justify-content:flex-end;padding-top:2rem}.link-blue{color:var(--blue-color)}.link-blue:hover{opacity:.85}.login,.signup{background-color:var(--black-color)}.auth{max-width:90%;display:flex;justify-content:center;align-items:center;margin:auto}.auth-form{width:100%;margin:5rem 0}.auth .input-group{display:flex;flex-direction:column}.auth .input-group label{padding-bottom:.5rem}.auth .input-checkbox{display:flex;justify-content:space-between}.auth-btn{width:100%}.auth input[type=checkbox]{margin-right:5px}.auth input{background-color:var(--light-black-color);color:var(--white-color);border:none}.auth .password-input{position:relative}.auth .password-input input{width:100%}.auth .password-input .fas{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.auth .password-input .fas:hover{cursor:pointer}@media only screen and (max-width:1200px){.auth{max-width:50%}}@media only screen and (max-width:768px){.auth{max-width:70%}}@media only screen and (max-width:600px){.auth{max-width:80%}}@media only screen and (max-width:400px){.auth{max-width:90%}}.profile{margin:auto}.profile-container{display:flex;align-items:center;grid-gap:3rem;gap:3rem}.profile-picture{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;justify-content:center;align-items:center;font-size:10rem}.profile-picture img{width:125px;height:125px;border-radius:50%}.profile-edit-btn{color:#000}.profile-name-info{display:flex;flex-direction:column;grid-gap:.4rem;gap:.4rem}.profile .profile-info{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.profile-website{color:#3871a7}.profile-stat>*{padding-right:1rem}.profile-navlinks-container{padding-top:4rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--light-black-color)}.profile-navlink{display:flex;grid-gap:1rem;gap:1rem;justify-content:center;width:100%;padding:1.5rem 1rem}.profile-navlink:hover{cursor:pointer;background-color:var(--light-black-color)}.profile-navlink.active{border-bottom:1px solid var(--primary-color)}.post-container{padding-top:4rem}.post-modal{display:flex;grid-gap:1rem;gap:1rem;box-shadow:0 0 3px var(--white-color);padding:1rem;position:relative}.post-modal:hover{cursor:pointer;background:var(--light-black-color-2)}.post-modal .options-container{position:absolute;top:5px;right:5px;font-size:1.6rem;padding:1.5rem;box-sizing:initial;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:50%}.post-modal .options-container:hover{background-color:var(--light-black-color);cursor:pointer}.post-modal .option-icon{position:relative}.post-modal .option-list{background:var(--black-color);position:absolute;top:100%}.post-modal .option{padding:1rem 2rem}.post-modal .create-date{color:var(--light-text-color)}.post-profile-picture i,.post-profile-picture img{font-size:5rem;width:50px;height:50px;border-radius:50%}.post-info{width:100%}.post-profile-username:hover{text-decoration:underline}.post-header{align-items:center;padding:0 1rem}.post-header,.post-text{display:flex;grid-gap:1rem;gap:1rem}.post-text{flex-direction:column;padding:1rem;margin-top:1rem}.post-icons{display:flex;justify-content:space-between;max-width:600px;font-size:2rem;padding-top:.5rem;margin-top:1rem;border-top:1px solid var(--light-black-color);padding-right:2rem}.post-icons>*{padding:1rem;height:5rem;width:5rem;display:flex;align-items:center;justify-content:center}.post-icons>:hover{cursor:pointer;background:var(--light-black-color);border-radius:50%}.post-likes{display:flex;justify-content:center;align-items:center;grid-gap:.5rem;gap:.5rem}.setting{margin:auto}.setting .profile-setting{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem;padding:4rem 0}.setting .inner-container{position:relative;width:125px;height:125px;font-size:125px}.setting .inner-container>img{width:100%;height:100%;border-radius:50%}.setting .profile-picture-edit-icon{font-size:2rem;position:absolute;bottom:0;right:-10px;padding:1rem;border-radius:50%;background:var(--light-black-color)}.setting .profile-picture-edit-icon:hover{cursor:pointer;background-color:var(--light-black-color-2)}.setting #profile-picture-input{display:none}.setting .input-group{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.setting .profile-setting input,.setting .profile-setting textarea{padding:1rem;font-size:1.6rem;background-color:var(--black-color);color:var(--light-white-color);border:1px solid var(--light-white-color);border-radius:1rem}.setting .profile-save{width:100%}.home{margin:auto}.post-container{display:flex;flex-direction:column;color:var(--light-white-color);grid-gap:3rem;gap:3rem}.chips-container{display:flex;grid-gap:1rem;gap:1rem}.chips-container li{list-style:none;padding:1rem;background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:2rem}.chips-container li:hover{cursor:pointer;background-color:hsla(0,0%,100%,.2)}.chips-container li.active{background-color:var(--white-color);color:var(--black-color)}.home .btn-explore-more{display:flex;width:-moz-fit-content;width:fit-content;margin:2rem auto}.single-post{margin:auto;border:1px solid var(--light-black-color)}.comment-container{display:flex;flex-direction:column;color:var(--light-white-color)}.single-post .post-modal{box-shadow:none}.add-comment,.single-post .post-modal{border-bottom:1px solid var(--light-black-color)}.add-comment{display:flex;grid-gap:1rem;gap:1rem;align-items:center;padding:1rem}.add-comment-profile-picture{font-size:5rem}.add-comment .input-textarea{flex-grow:1}.add-comment .input-textarea textarea{background-color:var(--black-color);color:var(--light-white-color);padding:1.5rem 1rem;border-radius:.7rem;font-size:1.6rem;resize:none}.add-comment-profile-picture img{width:50px;height:50px;border-radius:50%}.comment-modal{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:2rem 1rem;border-bottom:1px solid var(--light-black-color)}.comment-profile-picture{font-size:5rem;height:100%;align-self:flex-start}.comment-info{width:100%}.comment-header{align-items:center}.comment-header,.comment-text{display:flex;grid-gap:1rem;gap:1rem}.comment-text{padding-top:1rem;flex-direction:column}
/*# sourceMappingURL=main.b975d7c2.chunk.css.map */