.leftbar{flex:2.6 1;height:calc(100vh - 60px);overflow:scroll;position:-webkit-sticky;position:sticky;top:60px}.leftbar::-webkit-scrollbar{display:none}@media(max-width:960px){.leftbar{display:none}}@media(max-width:576px){.leftbar{display:none}}.leftbar .container{padding:20px}.leftbar .container .menu{display:flex;flex-direction:column}.leftbar .container .menu .mainItem{align-items:center;display:flex;gap:10px;margin-bottom:15px}.leftbar .container .menu .mainItem img{border-radius:50%;height:30px;object-fit:cover;width:30px}.leftbar .container .menu .mainItem span{font-size:13px;font-weight:400}.leftbar .container .menu .item{align-items:center;display:flex;gap:10px;margin-bottom:15px}.leftbar .container .menu .item img{border-radius:50%;height:26px;object-fit:cover;width:26px}.leftbar .container .menu .item span{font-size:13px;font-weight:400}.leftbar .container .menu .groupItem{align-items:center;display:flex;gap:10px;margin-bottom:15px}.leftbar .container .menu .groupItem .groupIcon{background-color:#1877f2;border-radius:50%;color:#fff;height:20px;object-fit:cover;padding:3px;width:20px}.leftbar .container .menu .groupItem .groupWorkIcon{border:2px solid #4654e2;border-radius:50%;color:#4654e2;height:18px;object-fit:cover;padding:3px;width:18px}.leftbar .container .menu .groupItem .groupFriendsIcon{border:1px solid #fff;color:#4654e2;height:24px;object-fit:cover;width:24px}.leftbar .container .menu .groupItem span{font-size:13px;font-weight:400}.leftbar .container hr{background-color:#d3d3d3;border:none;height:.5px;margin:15px 0}.leftbar .container .bottom{bottom:0;color:gray;display:flex;flex-direction:column;font-size:10px;gap:2px;margin-bottom:10px;margin-top:10px;position:fixed}@media(max-width:720px){.leftbar .container .bottom{display:none}}.navbar{align-items:center;background-color:#fff;border:.5px solid #d3d3d3;display:flex;height:50px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:999}@media(max-width:960px){.navbar{padding:10px 30px}}@media(max-width:576px){.navbar{padding:10px}}@media(max-width:480px){.navbar{padding:10px}}.navbar .left{align-items:center;display:flex;flex:.85 1;gap:30px;height:100%}@media(max-width:960px){.navbar .left{flex:.5 1}}@media(max-width:480px){.navbar .left{flex:.7 1}}.navbar .left .navbar-logo{cursor:pointer;width:40px}@media(max-width:576px){.navbar .left .navbar-logo{margin-left:20px}}@media(max-width:480px){.navbar .left .navbar-logo{margin-left:20px;width:30px}}.navbar .left .mainSearch{align-items:center;display:flex;height:100%;justify-content:center}.navbar .left .mainSearch input{border:.4px solid #d3d3d3;font-size:15px;height:35px;padding:0 10px}.navbar .left .mainSearch input:focus{outline:none}@media(max-width:480px){.navbar .left .mainSearch input{width:100%}}@media(max-width:480px){.navbar .left .mainSearch input::-webkit-input-placeholder{font-size:15px;padding:8px}.navbar .left .mainSearch input::placeholder{font-size:15px;padding:8px}}.navbar .left .searchCover{background-color:#fff;border-top:3px solid #1877f2;box-shadow:0 2px 8px 0 rgba(0,0,0,.4);color:#000;list-style:none;min-height:230px;padding:20px 10px 10px;position:absolute;text-align:start;top:52px;width:230px}.navbar .left .searchCover .mainItem{align-items:center;border:.4px solid #d3d3d3;border-radius:5px;display:flex;gap:10px;margin-bottom:15px;padding:4px;width:95%}.navbar .left .searchCover .mainItem .searchImg{border-radius:50%;height:45px;object-fit:cover;width:45px}.navbar .left .searchCover .mainItem span{font-size:14.5px;font-weight:400}.navbar .menu-icon{display:none}@media(max-width:720px){.navbar .menu-icon{color:#1877f2;cursor:pointer;display:block;font-size:35px;position:absolute;right:0;top:0;-webkit-transform:translate(-90%,30%);transform:translate(-90%,30%)}}@media(max-width:480px){.navbar .menu-icon{align-items:center;display:flex;font-size:30px;justify-content:center;top:5px;width:30px}}.navbar .nav-menu{align-items:center;display:flex;flex:3 1;justify-content:space-between;list-style:none}@media(max-width:720px){.navbar .nav-menu{display:flex;flex-direction:column;left:-100%;opacity:1;padding:20px 0;position:absolute;top:60px;transition:all .5s ease;width:100%}}.navbar .nav-menu .left{align-items:center;display:flex;flex:1.5 1;justify-content:space-between}@media(max-width:720px){.navbar .nav-menu .left{flex:1 1;flex-direction:column;justify-content:center;width:100%}}.navbar .nav-menu .left .nav-item{border-bottom:2px solid transparent;height:50px;margin-left:-20px;padding-left:10px;padding-right:10px}@media(max-width:720px){.navbar .nav-menu .left .nav-item{display:flex;margin-left:-40px;width:100%}}.navbar .nav-menu .left .nav-item .nav-links{align-items:center;color:gray;display:flex;height:100%;text-decoration:none}.navbar .nav-menu .left .nav-item .nav-links:hover{border-bottom:2px solid #1877f2;color:#1877f2}@media(max-width:720px){.navbar .nav-menu .left .nav-item .nav-links:hover{background-color:#dadde1;border:none;border-radius:10px}}.navbar .nav-menu .left .nav-item .nav-links:focus{border-bottom:2px solid #1877f2}@media(max-width:720px){.navbar .nav-menu .left .nav-item .nav-links:focus{border:none}.navbar .nav-menu .left .nav-item .nav-links{display:flex;gap:12px;margin-left:40px;width:90%}}.navbar .nav-menu .left .nav-item .nav-links .navLinksIcon{height:28px;width:28px}@media(max-width:720px){.navbar .nav-menu .left .nav-item .nav-links .navLinksIcon{margin-left:15px}}.navbar .nav-menu .left .nav-item .nav-links span{display:none;font-size:16px}@media(max-width:720px){.navbar .nav-menu .left .nav-item .nav-links span{display:flex}}.navbar .nav-menu .left .nav-item .nav-links img{display:none}@media(max-width:720px){.navbar .nav-menu .left .nav-item .nav-links img{border-radius:50%;display:flex;height:38px;margin-left:15px;object-fit:cover;width:38px}}.navbar .nav-menu .left .nav-item .activated{color:#1877f2}.navbar .nav-menu .responsiveHr{display:none}@media(max-width:720px){.navbar .nav-menu .responsiveHr{border:.4px solid hsla(0,0%,50%,.4);display:flex;margin-top:20px;width:90%}}.navbar .nav-menu .right{align-items:center;display:flex;flex:1 1;gap:18px;justify-content:flex-end}@media(max-width:720px){.navbar .nav-menu .right{flex-direction:column;gap:5px;justify-content:flex-start;margin-top:40px;width:100%}}.navbar .nav-menu .right .userWrapper{align-items:center;display:flex;gap:10px}@media(max-width:720px){.navbar .nav-menu .right .userWrapper{display:none}}.navbar .nav-menu .right .userWrapper img{border-radius:50%;height:35px;object-fit:cover;width:35px}.navbar .nav-menu .right .nav-btn1{align-items:center;background-color:#1877f2;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:3px;padding:8px 15px;text-decoration:none}@media(max-width:720px){.navbar .nav-menu .right .nav-btn1{align-self:flex-start;margin-left:30px}.navbar .nav-menu.active{background:#eff0eb;height:100vh;left:0;opacity:1;z-index:1}}.Modal{background-color:#fff;border-radius:.5em;bottom:auto;left:auto;padding:10px 5px;position:absolute;right:auto;top:80px;width:450px;z-index:1000}@media(max-width:720px){.Modal{top:30px}}@media(max-width:576px){.Modal{top:30px;width:85%}}.Modal .closeBtn{align-items:center;align-self:center;border:1px solid red;color:red;cursor:pointer;display:flex;font-size:15px;margin-bottom:5px;margin-left:205px;margin-top:20px;padding:5px 10px}.Overlay{-webkit-overflow-scrolling:touch;background-color:hsla(0,0%,50%,.9);display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.NavModal{background-color:#fff;border:1px solid #d3d3d3;border-bottom-left-radius:5px;border-bottom-right-radius:5px;bottom:auto;left:20px;margin-top:30px;padding:10px 0;position:absolute;right:auto;top:30px;width:25%;z-index:1000}@media(max-width:960px){.NavModal{top:30px;width:35%}}@media(max-width:720px){.NavModal{top:30px;width:45%}}@media(max-width:576px){.NavModal{top:30px;width:55%}}.NavModal .userWrapper{color:#363636;display:flex;flex-direction:column;gap:20px;left:0;list-style:none;margin-bottom:20px;padding-right:20px}.NavModal .userWrapper .headingWrapper{align-items:center;display:flex;justify-content:space-between}.NavModal .userWrapper .headingWrapper .heading{color:gray;font-size:14px;font-weight:300}.NavModal .userWrapper .headingWrapper .closeIcon{align-items:center;color:red;cursor:pointer;display:flex;font-size:30px;text-align:center}.NavModal .userWrapper .heading{color:gray;font-size:14px;font-weight:300}.NavModal .userWrapper .recentUser{align-items:center;display:flex;gap:10px}.NavModal .userWrapper .recentUser img{border-radius:50%;height:35px;object-fit:cover;width:35px}.NavModal .userWrapper hr{background-color:#d3d3d3;border:none;height:.5px}.NavModal .userWrapper .userItem{align-items:center;display:flex;gap:10px}.NavModal .userWrapper .userItem img{border-radius:50%;height:45px;object-fit:cover;width:45px}.NavModal .userWrapper .userItem .recent{font-size:15px}.NavModal .userWrapper .userItem .userName{display:flex;flex-direction:column}.NavModal .userWrapper .userItem .userName span{font-size:15px}.NavModal .userWrapper .userItem .userName p{font-size:14px}.rightbar{flex:3 1;height:calc(100vh - 60px);overflow:scroll;position:-webkit-sticky;position:sticky;top:60px}.rightbar::-webkit-scrollbar{display:none}@media(max-width:576px){.rightbar{display:none}}@media(max-width:720px){.rightbar{display:none}}.rightbar .container{padding:20px}.rightbar .container h4{color:#282828;font-size:17px;font-weight:500;margin-bottom:5px}.rightbar .container .subHeading{color:#848482;font-size:13px;font-weight:400;letter-spacing:.5px;margin-bottom:15px}.rightbar .container .sponsorItem{align-items:center;display:flex;gap:20px;margin-bottom:28px}.rightbar .container .sponsorItem .a-link{color:inherit;margin-top:-10px;text-decoration:none}.rightbar .container .sponsorItem img{border-radius:6px;height:120px;width:90px}.rightbar .container .sponsorItem .sponsorDetails{display:flex;flex-direction:column;gap:3px}.rightbar .container .sponsorItem .sponsorDetails p{color:#282828;font-size:13px}.rightbar .container .sponsorItem .sponsorDetails h4{color:#282828;font-size:12px}.rightbar .container .sponsorItem .sponsorDetails span{color:#1877f2;cursor:pointer;font-size:12px;letter-spacing:.4px;margin-top:-5px}.rightbar .container hr{background-color:#d3d3d3;border:none;height:.5px;margin:15px 0}.rightbar .container .birthdayItem{align-items:center;display:flex;gap:20px;margin-bottom:15px}.rightbar .container .birthdayItem img{border-radius:10px;height:40px;width:40px}.rightbar .container .birthdayItem .birthdayDetails p{font-size:14px;font-weight:500}.rightbar .container .birthdayItem .birthdayDetails span{font-size:14px;font-weight:300}.rightbar .container .onlineItem{align-items:center;display:flex;gap:20px;margin-bottom:15px;position:relative}.rightbar .container .onlineItem img{border-radius:50%;height:40px;width:40px}.rightbar .container .onlineItem span{font-size:14px;font-weight:400}.rightbar .container .onlineItem .online{background-color:#32cd32;border-radius:50%;height:10px;left:28px;position:absolute;top:0;width:10px}.rightbar .profileBottom{padding:20px}.rightbar .profileBottom .rightbarContainer{display:flex;flex-direction:column;gap:15px}.rightbar .profileBottom .rightbarContainer h4{color:#282828;font-size:19px;font-weight:500;margin-bottom:10px}.rightbar .profileBottom .rightbarContainer hr{background-color:#d3d3d3;border:none;height:.5px;margin:15px 0}.rightbar .profileBottom .rightbarContainer .rightbarCard{background-color:#fff;display:flex;flex-direction:column;gap:15px;padding:10px}.rightbar .profileBottom .rightbarContainer .rightbarCard .heading{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:15px;margin-top:10px}.rightbar .profileBottom .rightbarContainer .rightbarCard .heading span{color:#1877f2;font-size:13px;font-weight:400;margin-top:-10px;text-align:center}.rightbar .profileBottom .rightbarContainer .rightbarCard .heading .friendsBtn{align-items:center;background-color:#1877f2;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:10px;width:100%}.rightbar .profileBottom .rightbarContainer .rightbarCard .heading .friendsBtn:focus{outline:none}.rightbar .profileBottom .rightbarContainer .rightbarCard .heading .friendsBtn .friendIcon{font-size:20px}.rightbar .profileBottom .rightbarContainer .rightbarCard .heading .editBtn{align-items:center;background-color:#ebecf0;border:.4px solid #d3d3d3;border-radius:3px;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:10px;width:100%}.rightbar .profileBottom .rightbarContainer .rightbarCard .heading .editBtn:focus{outline:none}.rightbar .profileBottom .rightbarContainer .rightbarCard .items{display:flex;flex-direction:column;gap:20px}.rightbar .profileBottom .rightbarContainer .rightbarCard .items .sidebarItem{color:#282828;display:flex;gap:10px}.rightbar .profileBottom .rightbarContainer .rightbarCard .items .sidebarItem span{font-size:14px;font-weight:300}.rightbar .profileBottom .rightbarContainer .rightbarCard .items .sidebarItem .details{font-size:14px;font-weight:500}.rightbar .profileBottom .rightbarContainer .rightbarCard .items .sidebarIcon{color:gray;font-size:22px}.rightbar .profileBottom .rightbarContainer .sidebarFriends{gap:15px}.rightbar .profileBottom .rightbarContainer .sidebarFriends .profileFriends{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);justify-content:center;justify-content:space-between;margin-top:10px}@media(max-width:1100px){.rightbar .profileBottom .rightbarContainer .sidebarFriends .profileFriends{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.rightbar .profileBottom .rightbarContainer .sidebarFriends .profileFriends{grid-template-columns:repeat(3,1fr)}}.rightbar .profileBottom .rightbarContainer .sidebarFriends .profileFriends .friendItem{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:20px}.rightbar .profileBottom .rightbarContainer .sidebarFriends .profileFriends .friendItem img{border-radius:5px;flex:1 1;height:100px;object-fit:cover;width:95px}.rightbar .profileBottom .rightbarContainer .sidebarFriends .profileFriends .friendItem span{align-items:center;color:#282828;display:flex;font-size:12px;font-weight:300;justify-content:center}@media(max-width:960px){.rightbar .profileBottom .rightbarContainer .sidebarFriends .profileFriends .friendItem span{font-size:9px}}.rightbar .profileBottom .rightbarContainer .bottom{color:gray;display:flex;flex-direction:column;font-size:10px;gap:2px;margin-bottom:10px;margin-top:10px}@media(max-width:720px){.rightbar .profileBottom .rightbarContainer .bottom{display:none}}.rightbar .deleteItem{color:#282828;display:flex;gap:10px}.rightbar .deleteItem .deleteBtn{align-items:center;background-color:#ebecf0;border:.4px solid red;border-radius:3px;color:red;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:8px;width:100%}.rightbar .deleteItem .deleteBtn:focus{outline:none}.rightbar .deleteItem .deleteBtn .deleteIcon{color:red;font-size:22px}.edit{display:flex;flex-direction:column;padding:0 20px}.edit h3{align-self:center;color:#1877f2;font-size:18px;letter-spacing:.4px;margin-top:5px}.edit .editProfileWrapper{display:flex;flex-direction:column;gap:20px;justify-content:space-between}.edit .editProfileWrapper .editTop{display:flex;flex-direction:column;gap:10px;margin-top:20px;width:100%}.edit .editProfileWrapper .editTop .editTopText{display:flex;gap:20px;justify-content:space-between;margin-bottom:10px}.edit .editProfileWrapper .editTop .editTopText h4{align-self:center;color:#1877f2;font-size:18px;font-weight:400;letter-spacing:.4px;margin-top:5px}.edit .editProfileWrapper .editTop .editTopText .editImgBtn{background-color:#fff;border:1px solid #1877f2;border-radius:3px;color:#1877f2;cursor:pointer;font-size:13px;padding:5px 15px}.edit .editProfileWrapper .editTop .editProfileImg{align-self:center;border-radius:50%;height:220px;object-fit:cover;width:220px}.edit .editProfileWrapper .editTop .editCoverImg{height:280px;object-fit:cover;width:100%}.edit .editProfileWrapper .editBottom{display:flex;flex-direction:column;gap:10px;margin-top:10px}.edit .editProfileWrapper .editBottom .editBottomWrapper{display:flex;gap:8px;width:100%}.edit .editProfileWrapper .editBottom .editBottomWrapper .editBottomItem{display:flex;flex:1 1;flex-direction:column;gap:3px}.edit .editProfileWrapper .editBottom .editBottomWrapper .editBottomItem label{color:#282828;font-size:14px}.edit .editProfileWrapper .editBottom .editBottomWrapper .editBottomItem input,.edit .editProfileWrapper .editBottom .editBottomWrapper .editBottomItem textarea{border:.5px solid gray;border-radius:3px;color:gray;padding:8px}.edit .editProfileWrapper .editBottom .updateBtn{align-self:center;background-color:gray;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:15px;margin-top:10px;padding:8px;width:315px}.edit .editProfileWrapper .coverBottom,.edit .editProfileWrapper .coverBottom .updateBtn2,.edit .editProfileWrapper .editBottom .updateBtn{align-items:center;display:flex;justify-content:center}.edit .editProfileWrapper .coverBottom .updateBtn2{align-self:center;background-color:#1877f2;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:15px;letter-spacing:.4px;margin-top:10px;padding:8px;width:315px}.login{align-items:center;background-color:#f0f2f5;display:flex;height:100vh;justify-content:center}.login .wrapper{display:flex;gap:20px;min-height:400px;padding-left:280px;padding-right:280px}@media(max-width:720px){.login .wrapper{flex-direction:column}}@media(max-width:480px){.login .wrapper{align-items:center;flex-direction:column;justify-content:center;padding-left:0;padding-right:0}}.login .wrapper .loginLeft{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:15px;justify-content:center;padding:30px}@media(max-width:720px){.login .wrapper .loginLeft{padding:10px}}.login .wrapper .loginLeft h1{color:#1877f2;font-size:55px;font-weight:600;letter-spacing:-2px}@media(max-width:720px){.login .wrapper .loginLeft h1{font-size:40px}}.login .wrapper .loginLeft p{font-size:18px;font-weight:300;text-align:center}@media(max-width:720px){.login .wrapper .loginLeft p{font-size:16px;padding-left:20px;padding-right:20px}}.login .wrapper .loginRight{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px}@media(max-width:720px){.login .wrapper .loginRight{padding:20px}}@media(max-width:480px){.login .wrapper .loginRight{padding:20px 10px}}.login .wrapper .loginRight h3{font-size:25px;font-weight:300;margin-bottom:20px}.login .wrapper .loginRight form{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:space-between;width:100%}.login .wrapper .loginRight input{border:1px solid #d3d3d3;border-radius:5px;font-size:16px;height:50px;padding:0 15px;width:230px}.login .wrapper .loginRight input::-webkit-input-placeholder{font-size:14px;padding-left:10px}.login .wrapper .loginRight input::placeholder{font-size:14px;padding-left:10px}.login .wrapper .loginRight input:focus{outline:none}.login .wrapper .loginRight .button1{background-color:#1877f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;height:50px;width:230px}@media(max-width:480px){.login .wrapper .loginRight .button1{font-size:16px}}.login .wrapper .loginRight .button1:focus,.login .wrapper .loginRight .button1:hover{background-color:#fff;border:1px solid #1877f2;color:#1877f2}.login .wrapper .loginRight span{color:#1877f2;font-size:13px;font-weight:300;margin-top:5px;text-align:center}.login .wrapper .loginRight .loginHr{border:1px solid #e4e6eb;margin:20px;width:100%}.login .wrapper .loginRight .button2{background-color:#42b72a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;height:40px;padding-left:10px;padding-right:10px;width:230px}.login .wrapper .loginRight .button2:focus,.login .wrapper .loginRight .button2:hover{background-color:#fff;border:1px solid #42b72a;color:#42b72a}.register{align-items:center;background-color:#f0f2f5;display:flex;height:100vh;justify-content:center}.register .wrapper{display:flex;gap:10px;min-height:480px;padding-left:280px;padding-right:280px}@media(max-width:720px){.register .wrapper{flex-direction:column}}@media(max-width:480px){.register .wrapper{align-items:center;flex-direction:column;justify-content:center;padding-left:20px;padding-right:20px}}.register .wrapper .registerLeft{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;padding:20px}@media(max-width:720px){.register .wrapper .registerLeft{padding:10px}}.register .wrapper .registerLeft h1{color:#1877f2;font-size:55px;font-weight:600;letter-spacing:-2px}@media(max-width:720px){.register .wrapper .registerLeft h1{font-size:40px}}.register .wrapper .registerLeft p{font-size:20px;font-weight:300;text-align:center}@media(max-width:960px){.register .wrapper .registerLeft p{font-size:18px}}@media(max-width:720px){.register .wrapper .registerLeft p{font-size:16px;padding-left:20px;padding-right:20px}}.register .wrapper .registerRight{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}@media(max-width:720px){.register .wrapper .registerRight{padding:10px 20px}}.register .wrapper .registerRight h3{font-size:25px;font-weight:300;margin-bottom:20px}@media(max-width:720px){.register .wrapper .registerRight h3{margin-bottom:10px}}.register .wrapper .registerRight form{align-items:center;display:flex;flex-direction:column;gap:10px;height:420px;justify-content:space-between;width:100%}.register .wrapper .registerRight input{border:1px solid #d3d3d3;border-radius:5px;color:gray;font-size:14px;font-size:16px;height:45px;padding-left:10px;width:320px}@media(max-width:480px){.register .wrapper .registerRight input{width:260px}}.register .wrapper .registerRight input::-webkit-input-placeholder{font-size:14px}.register .wrapper .registerRight input::placeholder{font-size:14px}.register .wrapper .registerRight input:focus{outline:none}.register .wrapper .registerRight .button1{background-color:#1877f2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;font-weight:500;height:55px;width:300px}@media(max-width:480px){.register .wrapper .registerRight .button1{width:250px}}.register .wrapper .registerRight .button1:focus,.register .wrapper .registerRight .button1:hover{background-color:#fff;border:1px solid #1877f2;color:#1877f2}.register .wrapper .registerRight span{color:#1877f2;font-size:13px;font-weight:300;margin-top:-10px;text-align:center}.register .wrapper .registerRight .registerHr{border:1px solid #e4e6eb;margin:20px;width:100%}.register .wrapper .registerRight .button2{background-color:#42b72a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;height:45px;padding-left:10px;padding-right:10px;width:300px}@media(max-width:480px){.register .wrapper .registerRight .button2{width:250px}}.register .wrapper .registerRight .button2:focus,.register .wrapper .registerRight .button2:hover{background-color:#fff;border:1px solid #42b72a;color:#42b72a}.home .container{align-items:center;background-color:#f0f2f5;display:flex;justify-content:center;padding:20px 35px}@media(max-width:720px){.home .container{padding:15px 55px}}@media(max-width:576px){.home .container{padding:10px 15px}}@media(max-width:480px){.home .container{padding:10px 15px}}.feed{flex:6 1;padding:0 10px}@media(max-width:960px){.feed{padding:0}}.feed .share{background-color:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.16);display:flex;flex-direction:column;margin-bottom:20px;padding:30px 20px}@media(max-width:960px){.feed .share{padding:20px 10px}}.feed .share .shareTop{align-items:center;display:flex;gap:20px}.feed .share .shareTop .shareProfilePic{border-radius:50%;height:35px;object-fit:cover;width:35px}.feed .share .shareTop .shareInput{background-color:#ebecf0;border:none;border-radius:30px;padding:15px 20px;width:440px}.feed .share .shareTop .shareInput:focus{outline:none}@media(max-width:576px){.feed .share .shareTop .shareInput{width:340px}}@media(max-width:480px){.feed .share .shareTop .shareInput{width:270px}}@media(max-width:480px){.feed .share .shareTop .shareInput::-webkit-input-placeholder{font-size:15px}.feed .share .shareTop .shareInput::placeholder{font-size:15px}}.feed .share .shareHr{border-top:.5px solid #d3d3d3;margin:20px 0}.feed .share .shareImgContainer{padding:0 20px 10px;position:relative}.feed .share .shareImgContainer .shareImg{object-fit:cover;width:100%}.feed .share .shareImgContainer .cancelIcon{cursor:pointer;height:30px;opacity:.7;position:absolute;right:30px;top:10px;width:30px}.feed .share form{align-items:center;display:flex;justify-content:center}.feed .share form .shareOptions{display:flex;gap:15px}@media(max-width:480px){.feed .share form .shareOptions{gap:5px;justify-content:left;text-align:left}}.feed .share form .shareOptions .shareOption{align-items:center;color:gray;cursor:pointer;display:flex;gap:3px;margin-right:25px}@media(max-width:480px){.feed .share form .shareOptions .shareOption{margin-right:10px}}.feed .share form .shareOptions .shareOption .shareIcon{font-size:25px}.feed .share form .shareOptions .shareOption .optionText{font-size:16px;font-weight:400}@media(max-width:576px){.feed .share form .shareOptions .shareOption .optionText{font-size:12px}}.feed .share form .shareOptions .shareOption2{align-items:center;color:gray;cursor:pointer;display:flex;gap:3px;margin-right:25px}@media(max-width:480px){.feed .share form .shareOptions .shareOption2{display:none}}.feed .share form .shareOptions .shareOption2 .shareIcon{font-size:25px}.feed .share form .shareOptions .shareOption2 .optionText{font-size:16px;font-weight:400}@media(max-width:576px){.feed .share form .shareOptions .shareOption2 .optionText{font-size:12px}}.feed .share form .shareBtn{background-color:#1877f2;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px;width:70px}.posts .post{background-color:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.16);display:flex;flex-direction:column;margin-bottom:13px}.posts .post .postTop{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;padding:15px}.posts .post .postTop .postTopLeft{align-items:center;display:flex;gap:10px}.posts .post .postTop .postTopLeft img{border-radius:50%;height:35px;object-fit:cover;width:35px}.posts .post .postTop .postTopLeft .item{display:flex;flex-direction:column}.posts .post .postTop .postTopLeft .item span{font-size:15px;font-weight:500}.posts .post .postTop .postTopLeft .item p{color:gray;font-size:12px}.posts .post .postTop .topIcon{color:#282828;cursor:pointer;font-size:28px}.posts .post .postCenter{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding:0 15px}.posts .post .postCenter span{color:#282828;font-size:14.5px}.posts .post img{max-height:500px;object-fit:cover;width:100%}.posts .post .postBottom{padding:0 15px}.posts .post .postBottom .bottomItem{color:#282828;display:flex;font-size:14.5px;justify-content:space-between}.posts .post .postBottom .bottomItem .left{align-items:center;display:flex;gap:5px}.posts .post .postBottom .bottomItem .right{align-items:center;cursor:pointer;display:flex}.posts .post .postBottom .bottomItem .right:hover{text-decoration:underline}.posts .post .postBottom hr{background-color:#d3d3d3;border:none;height:1px;margin:15px 0}.posts .post .postBottom .postComments{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.posts .post .postBottom .postComments .item{align-items:center;color:#282828;display:flex;font-size:14px;gap:5px}.posts .post .postBottom .postComments .item .icon{font-size:18px}@media(max-width:480px){.posts .post .postBottom .postComments .item{gap:0}}.comments{display:flex;flex-direction:column}.comments hr{background-color:#d3d3d3;border:none;height:1px;margin:5px 0}.comments .write{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:15px 15px 20px 0}@media(max-width:480px){.comments .write{gap:5px;margin:15px 5px 20px 0}}.comments .write img{border-radius:50%;height:30px;object-fit:cover;width:30px}.comments .write input{border:.6px solid gray;border-radius:3px;flex:5 1;padding:12px;width:100%}@media(max-width:480px){.comments .write input{width:40%}}.comments .write input:focus{outline:none}.comments .write button{align-self:center;background-color:#1877f2;border:none;border-radius:3px;color:#fff;flex:.5 1;font-size:13px;font-weight:400;padding:6px}.comments .comment{display:flex;gap:20px;justify-content:space-between;margin-bottom:13px}.comments .comment img{align-self:center;border-radius:50%;height:30px;object-fit:cover;width:30px}.comments .comment .info{background-color:#f0f2f5;border:none;border-radius:8px;display:flex;flex:5 1;flex-direction:column;font-size:14px;gap:3px;padding:10px;text-align:justify}.comments .comment .info span{font-weight:500}.comments .comment .info p{color:#353935;font-weight:400}@media(max-width:576px){.comments .comment .info p{text-align:left}}.comments .comment .date{align-self:center;color:gray;flex:1 1;font-size:13px;font-weight:400}@media(max-width:576px){.comments .comment .date{font-size:10px}}.profileWrapper{display:flex;margin-bottom:20px}.profileWrapper .profile{background-color:#f0f2f5;padding:0 35px 20px}@media(max-width:576px){.profileWrapper .profile{padding:0 10px}}@media(max-width:480px){.profileWrapper .profile{padding:0 10px}}.profileWrapper .profile .profileTop{position:relative;width:100%}.profileWrapper .profile .profileTop .coverImg{border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:300px;object-fit:cover;position:relative;width:100%}@media(max-width:720px){.profileWrapper .profile .profileTop .coverImg{height:250px}}@media(max-width:480px){.profileWrapper .profile .profileTop .coverImg{height:200px}}.profileWrapper .profile .profileTop .coverBtn{align-items:center;background-color:#fbfdfc;border:.5px solid #363636;border-radius:3px;cursor:pointer;display:flex;gap:5px;justify-content:center;padding:8px 18px;position:absolute;right:15px;top:250px}.profileWrapper .profile .profileTop .coverBtn .penIcon{font-size:14px}.profileWrapper .profile .profileTop .coverBtn p{font-size:12px}@media(max-width:720px){.profileWrapper .profile .profileTop .coverBtn{padding:8px 10px;right:10px;top:210px;top:10px}}@media(max-width:480px){.profileWrapper .profile .profileTop .coverBtn{display:none}}.profileWrapper .profile .profileTop .mobileCoverBtn{display:none}.profileWrapper .profile .profileTop .mobileCoverBtn .cameraIcon{height:30px;width:25px}@media(max-width:480px){.profileWrapper .profile .profileTop .mobileCoverBtn{align-items:center;border:.5px solid #fff;border-radius:50%;cursor:pointer;display:flex;justify-content:center;position:absolute;right:20px;top:150px}}.profileWrapper .profile .profileTop .profileWrapper{border-bottom:.4px solid #d3d3d3;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px;padding:20px 65px}@media(max-width:960px){.profileWrapper .profile .profileTop .profileWrapper{margin-bottom:15px;padding:20px 65px}}@media(max-width:720px){.profileWrapper .profile .profileTop .profileWrapper{padding:10px 65px}}@media(max-width:576px){.profileWrapper .profile .profileTop .profileWrapper{align-items:center;flex-direction:column;height:23vh;justify-content:center;margin-top:-100px;padding:50px 65px}}@media(max-width:480px){.profileWrapper .profile .profileTop .profileWrapper{margin-top:-30px;padding:20px 5px}}.profileWrapper .profile .profileTop .profileWrapper .top{display:flex;flex:1 1;gap:8px;padding:20px}@media(max-width:960px){.profileWrapper .profile .profileTop .profileWrapper .top{padding:20px 20px 40px}}@media(max-width:720px){.profileWrapper .profile .profileTop .profileWrapper .top{align-items:center;flex-direction:column;justify-content:center}}@media(max-width:576px){.profileWrapper .profile .profileTop .profileWrapper .top{align-items:center}}@media(max-width:480px){.profileWrapper .profile .profileTop .profileWrapper .top{align-items:center;justify-content:center;padding:0 20px}}.profileWrapper .profile .profileTop .profileWrapper .top h2{color:#282828;font-size:25px}.profileWrapper .profile .profileTop .profileWrapper .top p{align-self:center;color:gray;font-size:15px}.profileWrapper .profile .profileTop .profileWrapper .top .profileImg{border:3px solid #fff;border-radius:50%;height:160px;margin:auto;object-fit:cover;position:absolute;top:250px;width:160px}@media(max-width:720px){.profileWrapper .profile .profileTop .profileWrapper .top .profileImg{height:160px;top:180px;width:160px}}@media(max-width:576px){.profileWrapper .profile .profileTop .profileWrapper .top .profileImg{height:130px;width:130px}}@media(max-width:480px){.profileWrapper .profile .profileTop .profileWrapper .top .profileImg{align-self:center;height:120px;top:150px;width:120px}}.profileWrapper .profile .profileTop .profileWrapper .top .profilePhotoEditIcon{background-color:gray;border:none;border-radius:50%;cursor:pointer;height:30px;left:210px;margin:auto;object-fit:cover;padding:3px;position:absolute;top:370px;width:30px}@media(max-width:720px){.profileWrapper .profile .profileTop .profileWrapper .top .profilePhotoEditIcon{left:320px;top:300px}}@media(max-width:576px){.profileWrapper .profile .profileTop .profileWrapper .top .profilePhotoEditIcon{height:25px;left:270px;top:280px;width:25px}}@media(max-width:480px){.profileWrapper .profile .profileTop .profileWrapper .top .profilePhotoEditIcon{left:225px;top:240px}}.profileWrapper .profile .profileTop .profileWrapper .top .topItem{align-items:left;color:#353935;display:flex;flex-direction:column;font-size:15px;gap:5px;margin-left:230px;margin-top:-20px}@media(max-width:720px){.profileWrapper .profile .profileTop .profileWrapper .top .topItem{margin-bottom:-20px;margin-left:0;margin-top:75px}}@media(max-width:576px){.profileWrapper .profile .profileTop .profileWrapper .top .topItem{align-items:center;justify-content:center;margin-top:150px}}@media(max-width:480px){.profileWrapper .profile .profileTop .profileWrapper .top .topItem{align-items:center;justify-content:center;margin-top:35px}}.profileWrapper .profile .profileTop .profileWrapper .top .topItem p{align-items:center;color:#1877f2;display:flex;font-size:13px;font-weight:300;gap:10px}.profileWrapper .profile .profileTop .profileWrapper .top .topItem p .groupIcon{color:#1877f2;font-size:22px}.profileWrapper .profile .profileTop .profileWrapper .bottom{align-items:center;display:flex;flex:1 1;gap:10px;margin-left:270px}.profileWrapper .profile .profileTop .profileWrapper .bottom .friendsBtn{align-items:center;background-color:#1877f2;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px 15px}.profileWrapper .profile .profileTop .profileWrapper .bottom .friendsBtn .friendIcon{font-size:20px}.profileWrapper .profile .profileTop .profileWrapper .bottom .editBtn{align-items:center;background-color:#1877f2;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;gap:3px;padding:8px 15px}.profileWrapper .profile .profileBottom{display:none}@media(max-width:720px){.profileWrapper .profile .profileBottom{display:flex;padding:15px 0}}.profileWrapper .profile .profileBottom .rightbarContainer{display:flex;flex-direction:column;gap:15px;width:100%}.profileWrapper .profile .profileBottom .rightbarContainer h4{color:#282828;font-size:19px;font-weight:500;margin-bottom:10px}.profileWrapper .profile .profileBottom .rightbarContainer hr{background-color:#d3d3d3;border:none;height:.5px;margin:15px 0}@media(max-width:480px){.profileWrapper .profile .profileBottom .rightbarContainer hr{margin:15px 20px 15px 0}}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard{background-color:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.16);display:flex;flex-direction:column;gap:15px;padding:10px}@media(max-width:480px){.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard{display:flex;padding:10px}}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:15px;margin-top:10px}@media(max-width:480px){.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading{justify-content:flex-start;text-align:left}}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading span{color:#1877f2;font-size:13px;font-weight:400;margin-top:-10px;text-align:center}@media(max-width:480px){.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading span{align-self:flex-start;font-size:16px}}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading p{align-items:center;display:flex;font-size:13px;font-weight:300;justify-content:center;margin-top:-10px}@media(max-width:480px){.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading p{font-size:12px;justify-content:flex-start;padding-right:70px}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading .followBtns{align-items:center;align-self:flex-start;display:flex}}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading .followBtns .friendsBtn{align-items:center;background-color:#1877f2;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:10px;width:100%}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading .followBtns .friendsBtn:focus{outline:none}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading .followBtns .friendsBtn .friendIcon{font-size:20px}@media(max-width:480px){.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading .followBtns .friendsBtn{width:160px}}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading .editBtn{align-items:center;background-color:#ebecf0;border:.4px solid #d3d3d3;border-radius:3px;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:10px;width:100%}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading .editBtn:focus{outline:none}@media(max-width:480px){.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .heading .editBtn{align-self:flex-start;width:160px}}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .items{display:flex;flex-direction:column;gap:20px}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .items .sidebarItem{color:#282828;display:flex;gap:10px}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .items .sidebarItem span{font-size:14px;font-weight:300}@media(max-width:480px){.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .items .sidebarItem span{font-size:15px}}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .items .sidebarItem .details{font-size:14px;font-weight:500}@media(max-width:480px){.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .items .sidebarItem .details{font-size:15px}}.profileWrapper .profile .profileBottom .rightbarContainer .rightbarCard .items .sidebarIcon{color:gray;font-size:22px}.profileWrapper .profile .profileBottom .rightbarContainer .sidebarFriends{gap:15px}.profileWrapper .profile .profileBottom .rightbarContainer .sidebarFriends .profileFriends{grid-gap:5px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px}.profileWrapper .profile .profileBottom .rightbarContainer .sidebarFriends .profileFriends .friendItem{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px}.profileWrapper .profile .profileBottom .rightbarContainer .sidebarFriends .profileFriends .friendItem img{border-radius:5px;height:100%;object-fit:cover;width:100%}@media(max-width:480px){.profileWrapper .profile .profileBottom .rightbarContainer .sidebarFriends .profileFriends .friendItem img{width:100px}}.profileWrapper .profile .profileBottom .rightbarContainer .sidebarFriends .profileFriends .friendItem span{align-items:center;color:#282828;display:flex;font-size:12px;font-weight:300;justify-content:center}.pages{height:100vh}.pages .pageContainer{background-color:#fff;display:flex;gap:20px}.pages .pageContainer .sideBar{flex:1.5 1}@media(max-width:720px){.pages .pageContainer .sideBar{display:none}}.pages .pageContainer .sideBar .container{padding:20px}.pages .pageContainer .sideBar .container .menu{display:flex;flex-direction:column}.pages .pageContainer .sideBar .container .menu .mainItem{align-items:center;display:flex;gap:10px;margin-bottom:15px}.pages .pageContainer .sideBar .container .menu .mainItem img{border-radius:50%;height:30px;object-fit:cover;width:30px}.pages .pageContainer .sideBar .container .menu .mainItem span{font-size:13px;font-weight:400}.pages .pageContainer .sideBar .container .menu .item{align-items:center;display:flex;gap:10px;margin-bottom:15px}.pages .pageContainer .sideBar .container .menu .item .browseIcon{background-color:#1877f2;border-radius:50%;color:#fff;height:20px;object-fit:cover;padding:4px;width:20px}.pages .pageContainer .sideBar .container .menu .item .listIcon{background-color:#d3d3d3;border-radius:50%;color:#000;height:20px;object-fit:cover;padding:4px;width:20px}.pages .pageContainer .sideBar .container .menu .item .groupIcon{border:1px solid #d3d3d3;border-radius:50%;color:#000;height:55px;object-fit:cover;width:55px}.pages .pageContainer .sideBar .container .menu .item span{font-size:13px;font-weight:400}.pages .pageContainer .sideBar .container .menu button{align-items:center;background-color:#1877f2;border:none;border-radius:5px;color:#fff;display:flex;gap:12px;justify-content:center;padding:10px}.pages .pageContainer .sideBar .container hr{background-color:#d3d3d3;border:none;height:.5px;margin:15px 0}.pages .pageContainer .marketFeed{background-color:#f0f2f5;display:flex;flex:6 1;flex-direction:column;padding:20px}@media(max-width:960px){.pages .pageContainer .marketFeed{padding:10px}}@media(max-width:480px){.pages .pageContainer .marketFeed{padding:10px}}.pages .pageContainer .marketFeed .feedTop{display:flex;justify-content:space-between;padding:0 20px}@media(max-width:576px){.pages .pageContainer .marketFeed .feedTop{flex-direction:column}}.pages .pageContainer .marketFeed .feedTop .heading{display:flex;flex-direction:column;gap:5px}.pages .pageContainer .marketFeed .feedTop .heading h1{color:#1877f2;font-size:25px}@media(max-width:576px){.pages .pageContainer .marketFeed .feedTop .heading h1{margin-top:10px}}.pages .pageContainer .marketFeed .feedTop .heading p{color:red}.pages .pageContainer .marketFeed .feedTop .location{align-items:center;color:#1877f2;display:flex;font-weight:300;gap:10px}.pages .pageContainer .marketFeed .feedTop .location span{align-items:center;display:flex;font-size:14px}.pages .pageContainer .marketFeed .feedTop .seller{display:flex;flex-direction:column;margin-top:20px}.pages .pageContainer .marketFeed .feedTop .seller h3{font-size:15px;font-weight:300;margin-bottom:5px}@media(max-width:576px){.pages .pageContainer .marketFeed .feedTop .seller h3{font-size:14px}}.pages .pageContainer .marketFeed .feedTop .seller form{display:flex;flex-direction:column;gap:5px}@media(max-width:576px){.pages .pageContainer .marketFeed .feedTop .seller form{margin-bottom:20px}}.pages .pageContainer .marketFeed .feedTop .seller form button,.pages .pageContainer .marketFeed .feedTop .seller form input{background-color:#f0f8ff;border:.4px solid #d3d3d3;border-radius:3px;padding:8px}.pages .pageContainer .marketFeed .feedTop .seller form button{cursor:pointer}.pages .pageContainer .marketFeed .feedDetails{display:flex;flex-direction:column;flex-wrap:wrap;padding:40px 0;width:100%}.pages .pageContainer .marketFeed .feedDetails .wrapper{grid-gap:10px;align-items:center;display:grid;flex-wrap:wrap;grid-template-columns:repeat(4,1fr);margin:0 20px}@media(max-width:960px){.pages .pageContainer .marketFeed .feedDetails .wrapper{grid-gap:10px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px}}@media(max-width:720px){.pages .pageContainer .marketFeed .feedDetails .wrapper{grid-gap:10px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:40px}}@media(max-width:576px){.pages .pageContainer .marketFeed .feedDetails .wrapper{grid-gap:10px;display:grid;grid-template-columns:repeat(1,1fr);margin:0 10px}}.pages .pageContainer .marketFeed .feedDetails .wrapper .wrapperItem{align-items:center;border:.4px solid #d3d3d3;display:flex;flex-direction:column;font-weight:300;height:320px;justify-content:center;text-align:center}@media(max-width:960px){.pages .pageContainer .marketFeed .feedDetails .wrapper .wrapperItem{height:280px;margin-bottom:60px}}@media(max-width:720px){.pages .pageContainer .marketFeed .feedDetails .wrapper .wrapperItem{height:380px;margin-bottom:50px}}@media(max-width:576px){.pages .pageContainer .marketFeed .feedDetails .wrapper .wrapperItem{height:410px}}.pages .pageContainer .marketFeed .feedDetails .wrapper .wrapperItem img{height:100%;object-fit:cover;width:100%}.pages .pageContainer .marketFeed .feedDetails .wrapper .wrapperItem p{font-size:14px;margin-top:10px}@media(max-width:960px){.pages .pageContainer .marketFeed .feedDetails .wrapper .wrapperItem p{font-size:12px}}.pages .pageContainer .marketFeed .feedDetails .wrapper .wrapperItem span{font-size:14px;margin-bottom:10px;margin-top:10px}@media(max-width:960px){.pages .pageContainer .marketFeed .feedDetails .wrapper .wrapperItem span{font-size:12px}}.pages .pageContainer .watchFeed{background-color:#f0f2f5;display:flex;flex:4 1;flex-direction:column;padding:20px 150px}@media(max-width:960px){.pages .pageContainer .watchFeed{padding:20px 40px}}@media(max-width:720px){.pages .pageContainer .watchFeed{padding:20px 50px}}@media(max-width:576px){.pages .pageContainer .watchFeed{padding:20px 30px}}@media(max-width:480px){.pages .pageContainer .watchFeed{padding:20px 10px}}.pages .pageContainer .watchFeed .feedTop{display:flex;justify-content:space-between;padding:10px 0 20px}@media(max-width:576px){.pages .pageContainer .watchFeed .feedTop{flex-direction:column}}.pages .pageContainer .watchFeed .feedTop .heading{display:flex;flex-direction:column;gap:5px}.pages .pageContainer .watchFeed .feedTop .heading h1{color:#1877f2;font-size:25px}@media(max-width:576px){.pages .pageContainer .watchFeed .feedTop .heading h1{margin-top:10px}}.pages .pageContainer .watchFeed .feedTop .heading p{color:red}.pages .pageContainer .watchFeed .video{background-color:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.16);display:flex;flex-direction:column;margin-bottom:13px}.pages .pageContainer .watchFeed .video .videoTop{display:flex;flex-direction:column;gap:15px;margin-bottom:5px;padding:15px 25px}.pages .pageContainer .watchFeed .video .videoTop .topProfile{align-items:center;display:flex;gap:10px}.pages .pageContainer .watchFeed .video .videoTop .topProfile img{border-radius:50%;height:55px;object-fit:cover;width:55px}.pages .pageContainer .watchFeed .video .videoTop .topProfile .item{display:flex;flex-direction:column;gap:3px}.pages .pageContainer .watchFeed .video .videoTop .topProfile .item span{font-size:16px;font-weight:500}.pages .pageContainer .watchFeed .video .videoTop .topProfile .item p{color:gray;font-size:12px}.pages .pageContainer .watchFeed .video .videoTop .topDesc{color:#282828;font-size:15px;font-weight:300}.pages .pageContainer .watchFeed .video .videoCenter{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding:0 15px}.pages .pageContainer .watchFeed .video .videoCenter .videoTag{border-radius:2px;height:350px;object-fit:cover;width:100%}.pages .pageContainer .watchFeed .video .videoBottom{padding:0 15px}.pages .pageContainer .watchFeed .video .videoBottom .bottomItem{color:#282828;display:flex;font-size:14.5px;justify-content:space-between}.pages .pageContainer .watchFeed .video .videoBottom .bottomItem .left{align-items:center;display:flex;gap:5px}.pages .pageContainer .watchFeed .video .videoBottom .bottomItem .right{align-items:center;cursor:pointer;display:flex}.pages .pageContainer .watchFeed .video .videoBottom .bottomItem .right:hover{text-decoration:underline}.pages .pageContainer .watchFeed .video .videoBottom hr{background-color:#d3d3d3;border:none;height:1px;margin:15px 0}.pages .pageContainer .watchFeed .video .videoBottom .videoComments{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.pages .pageContainer .watchFeed .video .videoBottom .videoComments .item{align-items:center;color:#282828;display:flex;font-size:14px;gap:5px}.pages .pageContainer .watchFeed .video .videoBottom .videoComments .item .icon{font-size:18px}@media(max-width:480px){.pages .pageContainer .watchFeed .video .videoBottom .videoComments .item{gap:0}}.pages .pageContainer .groupFeed{background-color:#f0f2f5;display:flex;flex:4 1;flex-direction:column;padding:20px 60px}@media(max-width:960px){.pages .pageContainer .groupFeed{padding:20px}}@media(max-width:480px){.pages .pageContainer .groupFeed{padding:20px 10px}}.pages .pageContainer .groupFeed .feedTop{display:flex;justify-content:space-between;padding:10px 0 20px}@media(max-width:576px){.pages .pageContainer .groupFeed .feedTop{flex-direction:column}}.pages .pageContainer .groupFeed .feedTop .heading{display:flex;flex-direction:column;gap:5px}.pages .pageContainer .groupFeed .feedTop .heading h1{color:#1877f2;font-size:25px}@media(max-width:576px){.pages .pageContainer .groupFeed .feedTop .heading h1{margin-top:10px}}.pages .pageContainer .groupFeed .feedTop .heading p{color:gray}.pages .pageContainer .groupFeed .group{display:flex;gap:18px;margin-bottom:13px}.pages .pageContainer .groupFeed .group .groupLeft{background-color:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.16);flex:2 1}.pages .pageContainer .groupFeed .group .groupLeft .groupTop{display:flex;flex-direction:column;gap:15px;margin-bottom:5px;padding:15px 25px}.pages .pageContainer .groupFeed .group .groupLeft .groupTop .topProfile{align-items:center;display:flex;gap:10px}.pages .pageContainer .groupFeed .group .groupLeft .groupTop .topProfile img{border-radius:50%;height:55px;object-fit:cover;width:55px}.pages .pageContainer .groupFeed .group .groupLeft .groupTop .topProfile .item{display:flex;flex-direction:column;gap:3px}.pages .pageContainer .groupFeed .group .groupLeft .groupTop .topProfile .item span{font-size:16px;font-weight:500}.pages .pageContainer .groupFeed .group .groupLeft .groupTop .topProfile .item p{color:gray;font-size:12px}.pages .pageContainer .groupFeed .group .groupLeft .groupTop .topDesc{color:#282828;font-size:14px;font-weight:300}.pages .pageContainer .groupFeed .group .groupLeft .groupCenter{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding:0 15px}.pages .pageContainer .groupFeed .group .groupLeft .groupCenter img{border-radius:2px;height:350px;object-fit:cover;width:100%}.pages .pageContainer .groupFeed .group .groupLeft .groupBottom{padding:0 15px}.pages .pageContainer .groupFeed .group .groupLeft .groupBottom .bottomItem{color:#282828;display:flex;font-size:14.5px;justify-content:space-between}.pages .pageContainer .groupFeed .group .groupLeft .groupBottom .bottomItem .left{align-items:center;display:flex;gap:5px}.pages .pageContainer .groupFeed .group .groupLeft .groupBottom .bottomItem .right{align-items:center;cursor:pointer;display:flex}.pages .pageContainer .groupFeed .group .groupLeft .groupBottom .bottomItem .right:hover{text-decoration:underline}.pages .pageContainer .groupFeed .group .groupLeft .groupBottom hr{background-color:#d3d3d3;border:none;height:1px;margin:15px 0}.pages .pageContainer .groupFeed .group .groupLeft .groupBottom .groupComments{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.pages .pageContainer .groupFeed .group .groupLeft .groupBottom .groupComments .item{align-items:center;color:#282828;display:flex;font-size:14px;gap:5px}.pages .pageContainer .groupFeed .group .groupLeft .groupBottom .groupComments .item .icon{font-size:18px}@media(max-width:480px){.pages .pageContainer .groupFeed .group .groupLeft .groupBottom .groupComments .item{gap:0}}.pages .pageContainer .groupFeed .group .groupRight{background-color:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.16);display:flex;flex:1 1;flex-direction:column;gap:8px;padding:15px 25px 0}@media(max-width:960px){.pages .pageContainer .groupFeed .group .groupRight{padding:15px 10px 0}}@media(max-width:576px){.pages .pageContainer .groupFeed .group .groupRight{display:none}}.pages .pageContainer .groupFeed .group .groupRight span{color:#282828;font-size:16px}.pages .pageContainer .groupFeed .group .groupRight p{color:gray;font-size:14px;margin-bottom:10px}@media(max-width:960px){.pages .pageContainer .groupFeed .group .groupRight p{font-size:12px}}.pages .pageContainer .groupFeed .group .groupRight .wrapper{background-color:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.2);margin-bottom:10px}.pages .pageContainer .groupFeed .group .groupRight .wrapper img{border-top-left-radius:10px;border-top-right-radius:10px;height:160px;object-fit:cover;width:100%}@media(max-width:960px){.pages .pageContainer .groupFeed .group .groupRight .wrapper img{height:140px}}.pages .pageContainer .groupFeed .group .groupRight .wrapper .imgItem{align-items:center;display:flex;flex-direction:column}.pages .pageContainer .groupFeed .group .groupRight .wrapper .imgItem .groupName{color:#282828;font-size:15px}@media(max-width:960px){.pages .pageContainer .groupFeed .group .groupRight .wrapper .imgItem .groupName{font-size:13px}}@media(max-width:720px){.pages .pageContainer .groupFeed .group .groupRight .wrapper .imgItem .groupName{font-size:15px}}.pages .pageContainer .groupFeed .group .groupRight .wrapper .imgItem .text{align-items:center;display:flex;justify-content:space-between}.pages .pageContainer .groupFeed .group .groupRight .wrapper .imgItem .text p{font-size:12px}@media(max-width:960px){.pages .pageContainer .groupFeed .group .groupRight .wrapper .imgItem .text p{font-size:10px}}.pages .pageContainer .groupFeed .group .groupRight .wrapper .imgItem button{background-color:#1877f2;border:none;border-radius:5px;color:#fff;margin-bottom:15px;padding:5px 50px}@media(max-width:960px){.pages .pageContainer .groupFeed .group .groupRight .wrapper .imgItem button{font-size:12px;padding:5px 20px}}