.app__auth{align-items:center;background:var(--secondary-color);display:flex;height:100vh;justify-content:center;width:100%}.app__auth form{background:var(--primary-color);border:var(--border);border-radius:10px;display:flex;flex-direction:column;gap:1rem;padding:2rem;width:35%}.app__auth form .auth__header{color:var(--b-color);display:flex;flex-direction:column;text-align:center}.app__auth form .auth__header span{font-size:.7rem}.app__auth form .input__container{width:100%}.app__auth form .input__container input{background:none;border:none;border:var(--border);border-radius:5px;color:var(--text-color);height:40px;outline:none;padding:0 1rem;width:100%}.app__auth form .or__container{display:flex;flex-direction:column;padding:3rem 0}.app__auth form .or__container .or__text{background:var(--acent-color);height:2px;position:relative}.app__auth form .or__container .or__text p{align-items:center;background:var(--primary-color);border:var(--border);border-radius:50%;bottom:0;display:flex;height:50px;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:0;width:50px}.app__auth form .or__container .or__wrapper{align-items:center;display:flex;gap:1rem;padding-top:3rem}.app__auth form button{background:none;border:none;border-radius:5px;color:#f5f5f5;cursor:pointer;flex:1 1;height:35px;outline:none;padding:0 2rem;transition:.3s ease-in-out}.app__auth form button.google{background:var(--red-color)}.app__auth form button.github{background:var(--secondary-color)}.app__auth form button.auth__action{border:var(--border);padding:.7rem}.app__auth form button.auth__action:hover{background:var(--b-color);border:1px solid #2c85f6}.app__auth form .linkWrapper{text-align:center}.app__home{display:flex;transition:all .3s ease-in-out;width:100%}.app__home .home__container{display:flex;flex-direction:column;gap:2rem;padding-bottom:2rem;width:75%}.app__home .home__container .home__content{display:flex;flex-direction:row;gap:2rem;padding:0 2rem}.app__home .home__container .home__content .posts__wrapper__container{display:flex;flex-direction:column;gap:2rem;width:70%}.app__home .home__container .home__feedsidebar,.app__sidebar{display:flex;flex-direction:column;gap:2rem}.app__sidebar{background:var(--primary-color);border-right:var(--border);height:100vh;padding:2rem;position:-webkit-sticky;position:sticky;top:0;transition:.3s ease-in-out;width:25%}.app__sidebar h2{color:var(--b-color)}.app__sidebar .input__container{align-items:center;background:var(--acent-color);border-radius:5px;display:flex;gap:1rem;padding:0 1rem}.app__sidebar .input__container input{background:none;border:none;border-radius:5px;color:var(--text-color);height:40px;outline:none;padding:0 1rem}.app__sidebar .sidebar__routes{display:flex;flex-direction:column;gap:1rem;list-style:none}.app__sidebar .sidebar__routes a{align-items:center;border-radius:5px;cursor:pointer;display:flex;gap:1rem;padding:.5rem 1rem;transition:.3s ease-in-out}.app__sidebar .sidebar__routes a.active{background:var(--acent-color);color:var(--b-color);font-weight:700}.app__sidebar .sidebar__routes a:hover{background:var(--acent-color);padding:.5rem 2rem}.app__sidebar .sidebar__theming{align-items:center;bottom:10px;cursor:pointer;display:flex;gap:2rem;padding:5px;position:absolute}.app__sidebar .sidebar__theming .toogle__theme{background:var(--secondary-color);border-radius:20px;height:40px;position:relative;transition:.3s ease-in-out;width:100px}.app__sidebar .sidebar__theming .toogle__theme .icon{align-items:center;background:var(--primary-color);border-radius:50%;bottom:0;box-shadow:0 0 6px rgba(0,0,0,.2);display:flex;height:30px;justify-content:center;left:2px;margin:auto 5px;position:absolute;top:0;transition:all .3s ease-in-out;width:30px}.app__sidebar .sidebar__theming .toogle__theme.dark .icon{left:58px}.app__navbar{align-items:center;background:var(--primary-color);display:flex;height:70px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;transition:.3s ease-in-out;width:100%}.app__navbar .left__navbar{align-items:center;display:flex;gap:2rem}.app__navbar .left__navbar p{font-size:1.5rem;font-weight:700}.app__navbar .left__navbar ul{align-items:center;display:flex;gap:1rem;list-style:none;padding:.5rem;transition:.3s ease-in-out}.app__navbar .left__navbar ul li{align-items:center;background:var(--n-bg);border-radius:5px;color:var(--text-color);cursor:pointer;display:flex;height:30px;justify-content:center;padding:0 1rem}.app__navbar .right__navbar{align-items:center;display:flex;gap:2rem}.app__navbar .right__navbar ul{align-items:center;display:flex;gap:1rem;list-style:none;padding:.5rem;transition:.3s ease-in-out}.app__navbar .right__navbar ul li{align-items:center;background:var(--acent-color);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:.3s ease-in-out;width:40px}.app__navbar .right__navbar .userContent a{align-items:center;display:flex;gap:2rem}.app__navbar .right__navbar .userContent a img{border-radius:50%;height:40px;object-fit:cover;width:40px}.posts__container{display:flex;flex-direction:column;gap:2rem;width:100%}.posts__container .post__content{background:var(--primary-color);border:var(--border);border-radius:10px;width:100%}.posts__container .post__content .post__top{display:flex;flex-direction:column;gap:1rem;padding:1rem}.posts__container .post__content .post__top .post__header{align-items:center;display:flex;justify-content:space-between}.posts__container .post__content .post__top .post__header .post__user{align-items:center;display:flex;gap:1rem}.posts__container .post__content .post__top .post__header .post__user img{border-radius:50%;height:40px;object-fit:cover;width:40px}.posts__container .post__content .post__top .post__header .post__user-infos{display:flex;flex-direction:column}.posts__container .post__content .post__top .post__header .post__user-infos span{font-size:.7rem}.posts__container .post__content .post__top .post__options{align-items:center;display:flex;gap:1rem;list-style:none}.posts__container .post__content .post__top .post__options li{cursor:pointer}.posts__container .post__content .post__top .post__options li svg{font-size:1.4rem}.posts__container .post__content .post__preview img{max-height:500px;object-fit:cover}.posts__container .post__content .post__preview .post__actions{align-items:center;display:flex;justify-content:space-between;justify-content:space-evenly;list-style:none;padding:1rem}.posts__container .post__content .post__preview .post__actions li{align-items:center;cursor:pointer;display:flex;gap:.5rem}.share__container{background:var(--primary-color);border:var(--border);border-radius:10px;display:flex;flex-direction:column;gap:2rem;padding:1rem}.share__container .share__top{align-items:center;display:flex;gap:1rem;width:100%}.share__container .share__top img{border-radius:50%;height:40px;object-fit:cover;width:40px}.share__container .share__top .input__container{background:var(--acent-color);border-radius:20px;flex:1 1}.share__container .share__top .input__container input{background:none;border:none;border-radius:5px;color:var(--text-color);height:40px;outline:none;padding:0 1rem;width:100%}.share__container .share__bottom{align-items:center;display:flex;justify-content:space-between}.share__container .share__bottom ul{align-items:center;display:flex;gap:1rem;list-style:none}.share__container .share__bottom ul li{cursor:pointer}.share__container .share__bottom ul li svg{font-size:1.4rem}.share__container .share__bottom button{background:none;background:var(--primary-color);border:none;border:var(--border);border-radius:5px;color:var(--text-color);cursor:pointer;height:35px;outline:none;padding:0 2rem}.recent__requests{background:var(--primary-color);border:var(--border);border-radius:10px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.recent__requests .recent__container{display:flex;flex-direction:column;gap:.5rem}.recent__requests .recent__container .recent__user{align-items:center;display:flex;gap:1rem}.recent__requests .recent__container .recent__user img{border-radius:50%;height:40px;object-fit:cover;width:40px}.recent__requests .recent__container .request__actions{align-items:center;display:flex;gap:1rem}.recent__requests .recent__container .request__actions button{background:none;background:var(--b-color);border:none;border-radius:5px;color:#f5f5f5;cursor:pointer;flex:1 1;font-weight:700;height:35px;outline:none;padding:0 2rem}.recent__requests .recent__container .request__actions button:last-child{background:var(--red-color)}.friends__container{background:var(--primary-color);border:var(--border);border-radius:10px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.friends__container .friend__container{align-items:center;display:flex;gap:1rem}.friends__container .friend__container img{border-radius:50%;height:40px;object-fit:cover;width:40px}.friends__container .friend__container p{display:flex;flex-direction:column}.friends__container .friend__container p span{font-size:.7rem}.app__profile{display:flex;flex-direction:row;height:100%;transition:.3s ease-in-out;width:100%}.app__profile .profile__container{padding:2rem;width:75%}.app__profile .profile__container .profile__wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.app__profile .profile__container .profile__wrapper .cover__container img{border-radius:20px;height:312px;object-fit:cover;width:100%}.app__profile .profile__container .profile__wrapper .profile__content{background:var(--secondary-color);border-radius:50%;bottom:-7rem;height:178px;left:5rem;padding:.5rem;position:absolute;width:178px}.app__profile .profile__container .profile__wrapper .profile__content img{border-radius:50%;height:100%;object-fit:cover;width:100%}.app__profile .profile__container .profile__wrapper .user__profileData{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem;position:absolute;right:0;width:70%}.app__profile .profile__container .profile__wrapper .user__profileData .userName p{align-items:center;color:#555;display:flex;gap:2rem}.app__profile .profile__container .profile__wrapper .user__profileData a{align-items:center;background:none;background:var(--b-color);border:none;border-radius:5px;cursor:pointer;display:flex;gap:1rem;height:35px;outline:none;padding:0 2rem}.app__profile .profile__container .profile__wrapper .user__profileData a svg{font-size:1rem}.app__profile .profile__container .user__data{padding:10rem 15% 2rem}.app__profileEdit{display:flex;flex-direction:row;width:100%}.app__profileEdit .profileEdit__container{padding:2rem;width:75%}.app__profileEdit .profileEdit__container .user__profile__picture,.app__profileEdit .profileEdit__container .user__profile__picture .cover__edit{position:relative}.app__profileEdit .profileEdit__container .user__profile__picture .cover__edit .userCoverPic{border-radius:10px;height:250px;object-fit:cover}.app__profileEdit .profileEdit__container .user__profile__picture .cover__edit .edit{align-items:center;background:var(--primary-color);border-radius:50%;cursor:pointer;display:flex;font-size:.7rem;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px}.app__profileEdit .profileEdit__container .user__profile__picture .profile__picture{bottom:-3rem;left:4rem;position:absolute}.app__profileEdit .profileEdit__container .user__profile__picture .profile__picture .userProfile{border-radius:50%;height:120px;object-fit:cover;width:120px}.app__profileEdit .profileEdit__container .user__profile__picture .profile__picture .edit{align-items:center;background:var(--primary-color);border-radius:50%;bottom:0;cursor:pointer;display:flex;font-size:.7rem;height:40px;justify-content:center;position:absolute;right:0;width:40px}.app__profileEdit .profileEdit__container .input__wrapper{display:flex;flex-direction:column;gap:1rem;padding:8rem 25% 0;width:100%}.app__profileEdit .profileEdit__container .input__wrapper .input__container{width:100%}.app__profileEdit .profileEdit__container .input__wrapper .input__container input{background:none;border:none;border:var(--border);border-radius:5px;color:var(--text-color);height:40px;outline:none;padding:0 1rem;width:100%}.app__profileEdit .profileEdit__container .input__wrapper button{background:none;background:#2c85f6;border:none;border-radius:5px;color:#f5f5f5;cursor:pointer;height:35px;outline:none;padding:0 2rem}.app__post{background:var(--secondary-color);display:flex;flex-direction:row;width:100%}.app__post .post__wrapper{align-items:center;background:var(--primary-color);display:flex;justify-content:center;width:75%}.app__post .post__wrapper .post__wrapper__container{border:var(--border);display:flex;flex-direction:row;height:90%;width:90%}.app__post .post__wrapper .post__wrapper__container .post__img{height:100%;width:50%}.app__post .post__wrapper .post__wrapper__container .post__img img{height:100%;object-fit:cover;width:100%}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content{position:relative;width:50%}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .user__post{align-items:center;border-bottom:var(--border);display:flex;height:60px;justify-content:space-between;padding:0 1rem}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .user__post .user__profile{align-items:center;display:flex;gap:1rem}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .user__post .user__profile img{border-radius:50%;height:40px;object-fit:cover;width:40px}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .user__post svg{cursor:pointer}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .post__content{display:flex;flex-direction:column;gap:2rem;overflow-x:auto;padding:.5rem}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .post__content .comment__container{display:flex;flex-direction:column;gap:1rem}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .post__content .comment__container .comment{display:flex;flex-direction:row;gap:1rem}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .post__content .comment__container img{border-radius:50%;height:40px;object-fit:cover;width:40px}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .post__actions{background:var(--primary-color);bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;width:100%}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .post__actions .post__action__wrapper{align-items:center;border-top:var(--border);display:flex;flex:1 1;justify-content:space-between;list-style:none;padding:1rem}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .post__actions .post__action__wrapper li{align-items:center;display:flex;gap:1rem}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .post__actions .add__comment{align-items:center;border-top:var(--border);display:flex;padding:.5rem}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .post__actions .add__comment svg{font-size:1.5rem}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .post__actions .add__comment input{background:none;border:none;border-radius:5px;color:var(--text-color);flex:1 1;height:40px;outline:none;padding:0 1rem}.app__post .post__wrapper .post__wrapper__container .post__wrapper__content .post__actions .add__comment button{background:none;border:none;color:var(--text-color);cursor:pointer;height:35px;outline:none;padding:0 2rem}:root{--primary-color:#1e1f23;--secondary-color:#17181c;--acent-color:#27282f;--b-color:#2c85f6;--n-bg:#34353e;--red-color:#e5453f;--text-color:#f5f5f5;--border:2px solid #27292f}a{color:inherit;text-decoration:none}img{width:100%}.App{background:#17181c;background:var(--secondary-color);color:#f5f5f5;color:var(--text-color);display:flex;min-height:100vh}.App[data-theme=light]{--primary-color:#fff;--secondary-color:#f9f9f9;--acent-color:#f9f9f9;--b-color:#2c85f6;--border:2px solid hsla(0,0%,50%,.214);--text-color:#444;--n-bg:#fff}.App .app__container{background:red;display:flex;flex-direction:column;gap:2rem}
/*# sourceMappingURL=main.af1052c5.css.map*/