.home{padding:rem 2rem}.post{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.post .container{padding:20px}.post .container .user{align-items:center;display:flex;justify-content:space-between}.post .container .user .userInfo{align-items:center;display:flex;gap:1rem}.post .container .user .userInfo .profile-img{border-radius:50%;height:40px;object-fit:cover;width:40px}.post .container .user .userInfo .details{align-items:center;display:flex}.post .container .user .userInfo .details a{display:flex;flex-direction:column;text-decoration:none}.post .container .user .post-more-btn{align-items:flex-end;display:flex;flex-direction:column}.post .container .user .post-more-btn .btn{cursor:pointer}.post .container .user .post-more-btn .delete-btn{padding:2px}.post .container .content{background-size:cover;margin:20px 0}.post .container .content img{margin-top:20px;max-height:500px;max-width:100%;object-fit:cover;object-position:top}.post .container .info{align-items:center;display:flex;gap:20px}.post .container .info .item{align-items:center;cursor:pointer;display:flex;gap:5px}.post .container .info .item span{font-size:12px}.post .container .info .disableClick{cursor:not-allowed;pointer-events:none}.comments{display:flex;flex-direction:column;gap:10px;margin-top:20px}.comments .write-comment{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:20px 0}.comments .write-comment img{border-radius:50%;height:40px;object-fit:cover;width:40px}.comments .write-comment input{background-color:transparent;outline:none;padding:10px;width:100%}.comments .write-comment button{background-color:#5271ff;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.comments .show-comments{border-bottom:1px solid #dcdcdc;display:flex;flex-direction:column}.comments .show-comments .comment{border-top:1px solid #dcdcdc;padding:5px}.comments .show-comments .comment div a{display:flex;gap:10px;text-decoration:none}.comments .show-comments .comment div a img{border-radius:50%;height:40px;object-fit:cover;width:40px}.comments .show-comments .comment div a .info{align-items:flex-start;display:flex;flex-direction:column;gap:5px}.comments .show-comments .comment div a .info p{font-size:12px}.comments .show-comments .comment .link_div{align-items:center;display:flex;justify-content:space-between}.comments .show-comments .comment .link_div .delete_comment{cursor:pointer}.comments .show-comments .comment .date{color:gray;font-size:11px}.create-post{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);margin-bottom:1rem;margin-top:1rem}.create-post .container{padding:20px}.create-post .profile-pic-img{border-radius:50%;height:30px;object-fit:cover;width:30px}.create-post .user{flex-direction:column}.create-post .user,.create-post .user .userInfo{display:flex;gap:1rem}.create-post .user input{background-color:#e2e7e7;border:none;border-bottom:1px solid #dcdcdc;height:50px;outline:none;padding:10px}.create-post .user .uploaded-img{align-items:center;background-color:#f8f5f5;display:flex;flex-direction:column;justify-content:center}.create-post .user .uploaded-img .cancel-upload-img{align-self:flex-end;cursor:pointer;display:flex}.create-post .user .uploaded-img img{height:90%;width:90%}.create-post .user .upload-items{display:flex;justify-content:space-between}.create-post .user .upload-items div{align-items:center;display:flex;gap:4px}.create-post .user .upload-items div .upload-item,.create-post .user button{align-items:center;cursor:pointer;display:flex}.create-post .user button{gap:10px;padding:5px}.posts{display:flex;flex-direction:column;gap:1rem}@-webkit-keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes react-loading-skeleton{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:1}.react-loading-skeleton:after{-webkit-animation-direction:var(--animation-direction);animation-direction:var(--animation-direction);-webkit-animation-duration:var(--animation-duration);animation-duration:var(--animation-duration);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:react-loading-skeleton;animation-name:react-loading-skeleton;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.login{align-items:center;display:flex;height:100vh;justify-content:center}.login button{background:#c6d4e1;border-radius:5px;cursor:pointer;font-size:1.2rem;padding:10px}.login button.disabled{background-color:#8a8282;color:#fff;cursor:not-allowed}.login .card{align-items:center;border:1px solid #dcdcdc;border-radius:10px;gap:16px;justify-content:center;padding:2rem;text-align:center}.login .card,.login form{display:flex;flex-direction:column}.login form{gap:10px}.login form button{background-color:beige;border-radius:5px;cursor:pointer;font-size:1.2rem;padding:10px}.login form input{border-radius:5px;font-size:1.2rem;outline:none;padding:10px 20px}.login form .form-warning{color:red;font-size:.9rem;text-align:start}.login form .center{font-weight:700;text-align:center}.login form .form-submitting{pointer-events:none}.login p{font-size:1.1rem}.login p a{color:blue;cursor:pointer;text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}.register{align-items:center;display:flex;height:100vh;justify-content:center}.register button{background:#c6d4e1;border-radius:5px;cursor:pointer;font-size:1.2rem;padding:10px}.register button.disabled{background-color:#8a8282;color:#fff;cursor:not-allowed}.register .card{align-items:center;border:1px solid #dcdcdc;border-radius:10px;gap:16px;justify-content:center;padding:2rem;text-align:center}.register .card,.register form{display:flex;flex-direction:column}.register form{gap:10px}.register form button{background-color:beige;border-radius:5px;cursor:pointer;font-size:1.2rem;padding:10px}.register form input{border-radius:5px;font-size:1.2rem;outline:none;padding:10px 20px}.register form .form-warning{color:red;font-size:.9rem;text-align:start}.register form .center{font-weight:700;text-align:center}.register form .form-submitting{pointer-events:none}.register p{font-size:1.1rem}.register p a{color:blue;cursor:pointer;text-decoration:none}.bookmarked{display:flex;flex-direction:column;gap:1rem;padding:rem 2rem}.profile .images{height:300px;position:relative;width:100%}.profile .images .cover{height:100%;object-fit:cover;width:100%}.profile .images .bg-blank-img{background-color:#333639}.profile .images .profilePic{border-radius:50%;height:200px;left:40px;object-fit:cover;position:absolute;right:0;top:200px;width:200px}.profile .images .profile-blank-img{background:hsla(0,1%,47%,.91)}.profile .userInfo{align-items:center;border:1px solid #dcdcdc;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);display:flex;justify-content:space-between;padding:100px 50px}@media(max-width:480px){.profile .userInfo{padding:90px 10px}}.profile .userInfo .center{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:5px;margin-top:10px}.profile .userInfo .center .connections-div{display:flex;flex-wrap:wrap;gap:1rem}.profile .userInfo .center p a{color:gray;font-weight:500;text-decoration:none}.profile .userInfo .center .followers:hover,.profile .userInfo .center .followings a:hover{cursor:pointer;text-decoration:underline}.profile .userInfo .center span{font-size:1.3rem;font-weight:500}.profile .userInfo .center button{background-color:#5271ff;border-radius:5px;color:#fff;cursor:pointer;font-size:1.05rem;padding:10px 25px}.profile .userInfo .right{align-items:center;display:flex;flex:1 1;gap:10px;justify-content:flex-end}.profile .userInfo .right .message-icon{cursor:pointer}.profile .userInfo .right .profile-edit-button{align-items:center;background-color:#5271ff;color:#fff;cursor:pointer;display:flex;gap:5px;padding:5px}.connections h2{align-items:center;display:flex;gap:1rem;padding:1rem 0;text-transform:capitalize}.connections h2 .back-icon{cursor:pointer}.connections .main-div .connections-header{align-items:center;border-bottom:1px solid #dcdcdc;display:flex}.connections .main-div .connections-header .connection-type{font-size:1.2rem;font-weight:500;padding:1rem;text-align:center;width:50%}@media(max-width:730px){.connections .main-div .connections-header .connection-type{font-size:1rem}}@media(max-width:480px){.connections .main-div .connections-header .connection-type{font-size:.9rem}}.connections .main-div .connections-header .connection-type:hover{background-color:#dcdcdc;cursor:pointer}.connections .main-div .connections-header .connection-active-link{background-color:hsla(0,9%,90%,.726);border-bottom:3px solid blue}.connections .main-div .connections-div .user{align-items:center;border-bottom:1px solid #dcdcdc;display:flex;gap:5px;justify-content:space-between;margin:15px;padding:10px}.connections .main-div .connections-div .user .userInfo{display:flex;gap:10px}.connections .main-div .connections-div .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.connections .main-div .connections-div .user .userInfo span{font-weight:500}.connections .main-div .connections-div .user button{border:none;color:#fff;cursor:pointer;padding:5px}.connections .main-div .connections-div .user button:first-child{background-color:#5271ff}.connections .main-div .connections-div .user button:last-child{background-color:#f0544f}.centerBar{flex:6 1;padding:0 2rem}@media(max-width:480px){.centerBar{padding:0}}.rightbar{background-color:"white";flex:3 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:70px;width:350px}@media(max-width:480px){.rightbar{display:none}}@media(max-width:730px){.rightbar{display:none}}@media(max-width:1000px){.rightbar{display:none}}.rightbar .container{padding:10px}.rightbar .container .item{box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);padding:10px}.rightbar .container .item span{color:gray}.rightbar .container .item .user{align-items:center;border:1px solid #dcdcdc;display:flex;gap:5px;justify-content:space-between;margin:15px;padding:4px}.rightbar .container .item .user .userInfo{display:flex;gap:5px}.rightbar .container .item .user .userInfo img{border-radius:50%;height:32px;object-fit:cover;width:32px}.rightbar .container .item .user .userInfo span{font-weight:500}.rightbar .container .item .user .buttons{align-items:center;display:flex;gap:10px;justify-content:center}.rightbar .container .item .user .buttons button{background-color:#5271ff;border:none;color:#fff;cursor:pointer;padding:5px}.leftbar{background-color:#fff;border:1px solid #dcdcdc;flex:2 1;height:-webkit-max-content;height:max-content;height:88vh;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;min-width:250px;overflow-y:scroll;position:-webkit-sticky;position:sticky;top:70px}.leftbar::-webkit-scrollbar{display:none}.leftbar .close-icon{display:none}.leftbar a{text-decoration:none}.leftbar a:hover{color:#0d0dff;cursor:pointer;text-decoration:underline}.leftbar img{overflow:hidden;width:100%}.leftbar .user-div{height:100%;padding-bottom:2rem;position:relative}.leftbar .user-background-img{height:150px;margin-bottom:5rem;overflow:hidden}.leftbar .bg-blank-img{background-color:#333639}.leftbar .user{align-items:center;display:flex;flex-direction:column;left:50px;padding:1rem;position:absolute;top:80px}.leftbar .user img{border-radius:50%;height:100px;object-fit:cover;width:100px}.leftbar .user-info{border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;padding:5px;width:80%}.leftbar .user-info p{margin:5px}.leftbar .navigations{grid-gap:10px;align-items:center;display:grid;flex-direction:column;gap:10px;justify-content:start;padding:10px}.leftbar .navigations a{grid-gap:15px;align-items:center;border-radius:10px;color:#000;display:grid;font-size:1.1rem;gap:15px;grid-template-columns:20px auto;padding:5px 15px;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.leftbar .navigations a .icon{align-items:center;display:flex}.leftbar .navigations a .icon svg{width:20px}.leftbar .navigations a .react-icon{font-size:1.085rem}.leftbar .navigations a:hover{background:#e7e7e8;cursor:pointer;text-decoration:underline}.leftbar .navigations a:hover span{color:#0d0dff}.leftbar .user-logout{grid-gap:5px;align-items:center;border-radius:2rem;bottom:10px;display:grid;gap:5px;grid-template-columns:1fr 3fr 1fr;left:10px;max-width:250px;padding:15px;position:relative;width:90%}.leftbar .user-logout img{border-radius:50%;height:30px;object-fit:cover;width:30px}.leftbar .user-logout span{font-weight:500}.leftbar .user-logout div .icon{height:40px;width:40px}.leftbar .user-logout:hover{background:#e7e7e8;cursor:pointer}.leftbar .user-logout:hover .profile-modal-div{display:flex}@media(max-width:730px){.leftbar{bottom:0;height:100%;left:0;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:transform .8s ease-in-out,-webkit-transform .8s ease-in-out;width:70%;z-index:10}.leftbar .close-icon{align-items:center;background-color:#000;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem .7rem 1rem 0;position:fixed;right:1.5rem;top:1.5rem;z-index:10}.leftbar .close-icon .line{background-color:#fff;height:.25rem;width:2.5rem}.leftbar .close-icon>.line-1{-webkit-transform:rotate(45deg) translate(25%);transform:rotate(45deg) translate(25%)}.leftbar .close-icon>.line-2{-webkit-transform:rotate(-45deg) translate(25%);transform:rotate(-45deg) translate(25%)}.show-left-bar{-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;transition-duration:.5s}}@media(max-width:480px){.leftbar{bottom:0;left:0;right:0;top:0;width:100%}}.navbar{align-items:center;background-color:#fff;border-bottom:1px solid #dcdcdc;display:flex;height:50px;justify-content:space-between;margin-bottom:10;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.navbar a{text-decoration:none}.navbar .left-nav{align-items:center;display:flex;gap:20px;padding:5px 10px}.navbar .left-nav span{font-size:1.2rem;font-weight:600}.navbar .left-nav .search-input form{align-items:center;border:1px solid #dcdcdc;border-radius:5px;display:flex;gap:5px}.navbar .left-nav .search-input form input{border:none;outline:none;padding:3px}@media(max-width:480px){.navbar .left-nav .search-input form input{display:none}}.navbar .right-nav{align-items:center;display:flex;gap:20px;padding:5px 10px}.navbar .right-nav .hamburger{display:none}@media(max-width:730px){.navbar .right-nav .hamburger{cursor:pointer;display:flex;flex-direction:column;gap:6px;position:relative;right:1rem;z-index:10}.navbar .right-nav .hamburger .line{background-color:blue;height:.2rem;width:2.3rem}}.navbar .right-nav .user{align-items:center;display:flex;gap:5px}@media(max-width:730px){.navbar .right-nav .user{display:none}}.navbar .right-nav .user img{border-radius:50%;height:30px;object-fit:cover;width:30px}.navbar .right-nav .user span{font-weight:500}@media(max-width:480px){.navbar .right-nav .user span{display:none}}.navbar .right-nav .user:hover{cursor:pointer}.navbar .right-nav .user:hover .profile-modal-div{display:flex}@media(max-width:730px){.navbar .icon{display:none}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.edit-currentuser{align-items:center;background-color:hsla(210,3%,73%,.788);bottom:0;display:flex;height:100%;justify-content:center;left:0;overflow:scroll;padding-top:200px;position:fixed;right:0;top:0;width:100%;z-index:19}.edit-currentuser .edit-model{background-color:#fff;color:#272020;margin-bottom:50px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:1rem;width:90%}.edit-currentuser .edit-model .model-header{align-items:center;display:flex;justify-content:space-between;padding:5px 10px}.edit-currentuser .edit-model .model-header h2{margin:auto}.edit-currentuser .edit-model .model-header .close-model{cursor:pointer}.edit-currentuser .edit-model .user-info-card,.edit-currentuser .edit-model .user-info-card .card{align-items:center;display:flex;justify-content:center}.edit-currentuser .edit-model .user-info-card .card{border:1px solid #dcdcdc;border-radius:10px;flex-direction:column;gap:16px;padding:2rem;text-align:center}.edit-currentuser .edit-model .user-info-card button{border-radius:5px;cursor:pointer;font-size:1.2rem;margin:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:10px}.edit-currentuser .edit-model .user-info-card form{display:flex;flex-direction:column;gap:10px}.edit-currentuser .edit-model .user-info-card form .images{height:300px;margin-bottom:4rem;width:100%}.edit-currentuser .edit-model .user-info-card form .images .image-div{cursor:pointer;position:relative}.edit-currentuser .edit-model .user-info-card form .images .image-div .add-photo-icon{display:none}.edit-currentuser .edit-model .user-info-card form .images .image-div:hover .add-photo-icon{display:flex}.edit-currentuser .edit-model .user-info-card form .images .image-div .cover{height:100%;object-fit:cover;width:100%}.edit-currentuser .edit-model .user-info-card form .images .image-div .bg-blank-img{background-color:#333639;height:300px}.edit-currentuser .edit-model .user-info-card form .images .image-div .profilePic{border-radius:50%;height:150px;left:7%;object-fit:cover;position:absolute;right:0;top:-85px;width:150px}.edit-currentuser .edit-model .user-info-card form .images .image-div .profile-blank-img{background:hsla(0,1%,47%,.91)}.edit-currentuser .edit-model .user-info-card form .images .image-div .add-photo-icon{color:blue;cursor:pointer;font-size:4rem;z-index:10}.edit-currentuser .edit-model .user-info-card form .images .image-div .add-photo-icon-bottom{bottom:0;left:0;margin:auto auto auto 15%;position:absolute;right:0;top:0}.edit-currentuser .edit-model .user-info-card form .images .image-div .add-photo-icon-top{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;width:100px}.edit-currentuser .edit-model .user-info-card form .images .image-div-2{cursor:pointer;max-height:300px;position:relative}.edit-currentuser .edit-model .user-info-card form .images .image-div-1{height:300px}.edit-currentuser .edit-model .user-info-card form button{border-radius:5px;cursor:pointer;font-size:1.2rem;margin:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:10px}.edit-currentuser .edit-model .user-info-card form input{border-radius:5px;font-size:1.2rem;outline:none;padding:10px 20px}@media(max-width:730px){.edit-currentuser .edit-model .user-info-card form input{font-size:.9rem;padding:6px 10px}}.edit-currentuser .edit-model .user-info-card form .form-warning{color:red;font-size:.9rem;text-align:start}.edit-currentuser .edit-model .user-info-card form .center{font-weight:700;text-align:center}.edit-currentuser .edit-model .user-info-card form .form-submitting{pointer-events:none}.edit-currentuser .edit-model .user-info-card p{font-size:1.1rem}.edit-currentuser .edit-model .user-info-card p a{color:blue;cursor:pointer;text-decoration:none}.msg-profile-user{align-items:center;display:flex;gap:1rem;justify-content:space-between}.msg-profile-user .userInfo{display:flex;gap:5px}.msg-profile-user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.msg-profile-user .userInfo span{font-weight:500}.msg-profile-user button{border-radius:1rem;cursor:pointer;padding:.2rem}.container{display:flex;flex-direction:column;gap:1rem;padding:1rem}.container .serach_input{border-radius:1rem;outline:none;padding:.5rem}.container .user-msg-profile{border:1px solid #dcdcdc;padding:1rem}.container .user-msg-profile:hover{background-color:#dcdcdc;cursor:pointer}.messages-container{border:1px solid #dcdcdc;min-height:100%;padding:1rem;position:relative}.messages-container .user-msg-top{background-color:#f5f7f8;box-shadow:0 0 5px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.1);left:0;padding:1rem;position:absolute;top:0;width:100%}.messages-container .user-msg-top h2{align-items:center;display:flex;gap:1rem;text-transform:capitalize}.messages-container .user-msg-top h2 .back-icon{cursor:pointer}.messages-container .messages_here{box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06);height:70vh;margin-top:2rem;overflow-y:scroll;padding:1rem}.messages-container .messages_here ul{display:flex;flex-direction:column;gap:1rem;justify-content:flex-end;list-style-type:none;min-height:100%;padding:1rem}.messages-container .messages_here ul li{display:flex;flex-direction:column;gap:5px;width:100%}.messages-container .messages_here ul li .message_wrapper{background-color:#e6eff1;border-radius:24px;border-bottom-left-radius:4px;display:flex;gap:5px;padding:1rem;width:50%}.messages-container .messages_here ul li p{color:#868282;font-size:.85rem}.messages-container .messages_here ul .its_me{align-items:flex-end;display:flex}.messages-container .messages_here ul .its_me .message_wrapper{background-color:#1d9bf0;border-bottom-left-radius:24px;border-bottom-right-radius:4px;color:#fff}.messages-container .msg_input{align-items:center;border:1px solid #dcdcdc;display:flex;padding:10px}.messages-container .msg_input svg{cursor:pointer;height:2rem}.messages-container .msg_input input{border:1px solid #dcdcdc;outline:none;padding:1rem;width:100%}.messages-container .msg_input button{border:none}.messages-container .msg_input .send_svg{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
/*# sourceMappingURL=main.d303e606.css.map*/