@import url(https://fonts.googleapis.com/css2?family=Gudea&family=Open+Sans:wght@400;500;600;700;800&family=Poppins:ital,wght@1,300&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,100;1,300;1,400;1,500&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-style:normal;min-height:100vh;overflow-x:hidden;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;width:100%}:root{--shadow-1:rgba(0,0,0,.1);--shadow-2:rgba(0,0,0,.2)}i,svg{cursor:pointer}nav{background:#fff;box-shadow:0 0 4px 2px hsla(0,0%,58%,.255);height:55px;left:0;position:fixed;top:0;width:100%;z-index:5}nav .logoWithSearch{height:100%;width:25%}nav .logoWithSearch .logo{height:58px;margin-left:8px;width:58px}nav .logoWithSearch .logo img{height:100%;object-fit:cover;width:100%}nav .logoWithSearch .searchBar{background:#f0f2f5;border-radius:25px;padding:8px 15px 8px 12px}nav .logoWithSearch .searchBar svg{color:#64666b}nav .logoWithSearch .searchBar input{background:none;border:none;margin-left:5px;outline:none}nav .logoWithSearch .searchBar input:placeholder-shown{color:#747579;font-size:15px;padding-left:3px}nav .logoWithSearch .Icon{height:90%;line-height:65px;margin-left:10px;text-align:center;width:50px}nav .logoWithSearch .Icon svg{color:#64666b;opacity:.9}nav .logoWithSearch .Icon:is(:hover,.activate) svg{color:#1b74e4;opacity:1}nav .logoWithSearch .Icon:hover{background:#e9eaed;border-radius:10px}nav .logoWithSearch .Icon:is(.activate){background:none;border-bottom:3px solid #1b74e4;border-radius:0;height:100%;line-height:65px}nav .logoWithSearch .searchBox{background:#fff;border-radius:7px;box-shadow:0 12px 18px 0 rgba(0,0,0,.2);box-shadow:0 12px 18px 0 var(--shadow-2);height:480px;left:0;overflow-y:hidden;padding:8px 18px;position:absolute;top:3px;width:320px;z-index:3}nav .logoWithSearch .searchBox .searchBar{background:#f0f2f5;border-radius:25px;width:87%}nav .logoWithSearch .searchBox .searchBar svg{color:#64666b}nav .logoWithSearch .searchBox .searchBar input{background:none;border:none;margin-left:5px;outline:none}nav .logoWithSearch .searchBox .searchBar input:placeholder-shown{color:#747579;font-size:15px;padding-left:3px}nav .logoWithSearch .searchBox .searchUserData .searchName{align-items:center;display:block;display:flex;justify-content:flex-start;padding:5px;text-decoration:none}nav .logoWithSearch .searchBox .searchUserData .searchName:hover{background:#e9eaed;border-radius:10px 0 0 10px}nav .logoWithSearch .searchBox .searchUserData .searchName img{border-radius:50%;height:40px;width:40px}nav .logoWithSearch .searchBox .searchUserData .searchName span{color:#64666b;font-size:15px;font-weight:400;margin-left:10px}nav .NavbarMenu{height:100%;margin:4px 0;width:45%}nav .NavbarMenu .Icon{height:90%;line-height:65px;margin:2px 0;text-align:center;width:18%}nav .NavbarMenu .Icon svg{color:#64666b;opacity:.9}nav .NavbarMenu .Icon:is(:hover) img{-webkit-filter:invert(18%) sepia(80%) saturate(1400%) hue-rotate(900deg) brightness(200%) contrast(90%);filter:invert(18%) sepia(80%) saturate(1400%) hue-rotate(900deg) brightness(200%) contrast(90%);opacity:1}nav .NavbarMenu .Icon:is(:hover) svg{color:#1b74e4;opacity:1}nav .NavbarMenu .Icon:hover{background:#e9eaed;border-radius:10px}nav .NavbarMenu .activate{border-bottom:3px solid #1b74e4;height:100%;line-height:70px}nav .NavbarMenu .activate,nav .NavbarMenu .activate:hover{background:none;border-radius:0}nav .NavbarMenu .activate img{-webkit-filter:invert(18%) sepia(80%) saturate(1400%) hue-rotate(900deg) brightness(200%) contrast(90%);filter:invert(18%) sepia(80%) saturate(1400%) hue-rotate(900deg) brightness(200%) contrast(90%);opacity:1}nav .NavbarMenu .activate svg{color:#1b74e4;opacity:1}nav .notificationIcon{padding-right:8px;position:relative;width:25%}nav .notificationIcon .allNotificationIcons .nIcon{background:#e7e6ec;border-radius:50%;color:#535353;display:inline-block;height:40px;line-height:50px;margin-right:8px;text-align:center;width:40px}nav .notificationIcon .allNotificationIcons .nIcon img{border-radius:50%;left:0;object-fit:cover;top:0}nav .notificationIcon .allNotificationIcons .activateicon{background:#e5f1fd}nav .notificationIcon .allNotificationIcons .activateicon svg{color:#1b74e4}nav .notificationIcon .chatBox,nav .notificationIcon .notificationBox{background:#fff;border-radius:10px;box-shadow:0 0 18px 0 rgba(0,0,0,.2);box-shadow:0 0 18px 0 var(--shadow-2);height:90vh;overflow-y:scroll;padding:15px;position:absolute;right:15px;top:45px;width:340px;z-index:3}nav .notificationIcon .chatBox .friends,nav .notificationIcon .notificationBox .friends{margin-top:10px}nav .notificationIcon .chatBox .friends a span,nav .notificationIcon .notificationBox .friends a span{display:block}nav .notificationIcon .chatBox .notificationHeader h4,nav .notificationIcon .notificationBox .notificationHeader h4{font-weight:700}nav .notificationIcon .chatBox .notificationHeader .Icon,nav .notificationIcon .notificationBox .notificationHeader .Icon{opacity:.6}nav .notificationIcon .chatBox a,nav .notificationIcon .notificationBox a{align-items:center;display:block;display:flex;justify-content:flex-start;padding:8px 0 8px 8px;text-decoration:none}nav .notificationIcon .chatBox a img,nav .notificationIcon .notificationBox a img{border-radius:50%;margin-right:12px}nav .notificationIcon .chatBox a:hover,nav .notificationIcon .notificationBox a:hover{background:#e9eaed;border-radius:10px}nav .notificationIcon .chatBox a span,nav .notificationIcon .notificationBox a span{color:#64666b;font-size:14px;line-height:15px}nav .notificationIcon .chatBox .logoWithSearch,nav .notificationIcon .notificationBox .logoWithSearch{height:auto!important;padding:0!important;width:100%!important}nav .notificationIcon .chatBox .logoWithSearch .searchBar,nav .notificationIcon .notificationBox .logoWithSearch .searchBar{background:#f0f2f5;border-radius:25px;padding:8px 15px 8px 12px;width:100%}nav .notificationIcon .chatBox .logoWithSearch .searchBar svg,nav .notificationIcon .notificationBox .logoWithSearch .searchBar svg{color:#64666b}nav .notificationIcon .chatBox .logoWithSearch .searchBar input,nav .notificationIcon .notificationBox .logoWithSearch .searchBar input{background:none;border:none;margin-left:5px;outline:none}nav .notificationIcon .chatBox .logoWithSearch .searchBar input:placeholder-shown,nav .notificationIcon .notificationBox .logoWithSearch .searchBar input:placeholder-shown{color:#747579;font-size:15px;padding-left:3px}nav .notificationIcon .chatBox .logoWithSearch .Icon,nav .notificationIcon .notificationBox .logoWithSearch .Icon{height:90%;line-height:65px;margin-left:10px;text-align:center;width:50px}nav .notificationIcon .chatBox .logoWithSearch .Icon svg,nav .notificationIcon .notificationBox .logoWithSearch .Icon svg{color:#64666b;opacity:.9}nav .notificationIcon .chatBox .logoWithSearch .Icon:is(:hover,.activate) svg,nav .notificationIcon .notificationBox .logoWithSearch .Icon:is(:hover,.activate) svg{color:#1b74e4;opacity:1}nav .notificationIcon .chatBox .logoWithSearch .Icon:hover,nav .notificationIcon .notificationBox .logoWithSearch .Icon:hover{background:#e9eaed;border-radius:10px}nav .notificationIcon .chatBox .logoWithSearch .Icon:is(.activate),nav .notificationIcon .notificationBox .logoWithSearch .Icon:is(.activate){background:none;border-bottom:3px solid #1b74e4;border-radius:0;height:100%;line-height:65px}nav .notificationIcon .chatBox .chatBtnGroup,nav .notificationIcon .notificationBox .chatBtnGroup{margin-top:10px}nav .notificationIcon .chatBox .chatBtnGroup .chatBtn,nav .notificationIcon .notificationBox .chatBtnGroup .chatBtn{color:#000;margin-left:10px;padding-right:10px}nav .notificationIcon .chatBox .chatBtnGroup .inbox,nav .notificationIcon .notificationBox .chatBtnGroup .inbox{background:#e5f1fd;border-radius:10px;color:#1b74e4}nav .notificationIcon .notificationBox::-webkit-scrollbar{width:8px}nav .notificationIcon .notificationBox::-webkit-scrollbar-thumb{background:transparent;border-radius:25px;-webkit-transition:.2s;transition:.2s}nav .notificationIcon .notificationBox:hover::-webkit-scrollbar-thumb{background:#b4b4b4}@media(max-width:767px){nav .notificationIcon .chatBox,nav .notificationIcon .notificationBox{background:#fff;border-radius:10px;box-shadow:0 0 18px 0 rgba(0,0,0,.2);box-shadow:0 0 18px 0 var(--shadow-2);height:100vh;overflow-y:scroll;padding:15px;position:absolute;right:0;top:0;width:200%;z-index:3}}@media(max-width:1204px){.logoWithSearch{width:25%}.searchBar{border-radius:50%;padding:12px!important}.searchBar input{display:none}.searchBox .searchBar{padding:8px!important}.searchBox .searchBar input{display:block!important}.NavbarMenu .Icon{width:20%}}.createPost{background:#fff;border-radius:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px 0 var(--shadow-1);margin:auto;padding:15px}.createPost .postHeader{border-bottom:1px solid #ced0d4;padding-bottom:12px}.createPost .postHeader .profile{height:40px;width:40px}.createPost .postHeader .profile img{border-radius:50%;height:100%;object-fit:cover;width:100%}.createPost .postHeader input{background:#f0f2f5;border:none;border-radius:25px;outline:none;padding:7px 10px;width:90%}.createPost .postHeader input:placeholder-shown{font-size:17px;font-weight:400}.createPost .postFooter .posticon img{margin-right:10px}.createPost .postFooter .posticon span{color:#858585;font-size:15px;font-weight:500}.createPostbox{align-items:center;background:hsla(0,0%,100%,.7);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.createPostbox .postBox{background:#fff;border-radius:8px;box-shadow:0 0 20px 10px rgba(0,0,0,.2);box-shadow:0 0 20px 10px var(--shadow-2);position:relative;width:500px}.createPostbox .postBox .closePostbox{background:#e4e6eb;border-radius:50%;height:35px;line-height:38px;opacity:.5;position:absolute;right:10px;text-align:center;top:10px;width:35px}.createPostbox .postBox .postHeader{border-bottom:.5px solid rgba(0,0,0,.1);border-bottom:.5px solid var(--shadow-1);text-align:center}.createPostbox .postBox .postHeader h4{font-size:22px;font-weight:700}.createPostbox .postBox .postProfile a{text-decoration:none}.createPostbox .postBox .postProfile a>img{border-radius:50%;height:42px;object-fit:cover;width:42px}.createPostbox .postBox .postProfile a>div{color:#000;line-height:14px;margin-left:10px}.createPostbox .postBox .postProfile a>div .messageText{background:#e2e2e2;border-radius:7px;font-size:14px;font-weight:400;padding:6px;width:90px}.createPostbox .postBox .postInput{min-height:100px;width:100%}.createPostbox .postBox .postInput>textarea{border:none;font-size:24px;max-height:300px;outline:none;overflow-y:auto;padding:10px;resize:none;width:100%}.createPostbox .postBox .postBtn>button{border:none;border-radius:7px;color:#ced0d4;font-weight:500;outline:none;padding:8px;width:100%}.createPostbox .postBox .postBtn>.postBtnActive{background:#1b74e4;color:#fff}.marketPlace{height:90vh;margin-left:auto;margin-top:60px}.marketPlace .productcard img{aspect-ratio:1;border-radius:7px;width:100%}.marketPlace .productcard .price{font-weight:500}.marketPlace .productcard .model{font-size:15px;font-weight:400}.marketPlace .productcard .address{font-size:14px;font-weight:300}.postData{background:#fff;border-radius:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px 0 var(--shadow-1);margin:auto}.postData .postHeader .profile .profileImg{border:2px solid #cfcfcf;border-radius:50%;height:42px;overflow:hidden;padding:2px;width:42px}.postData .postHeader .profile .profileImg img{border-radius:50%;height:100%;width:100%}.postData .postHeader .profile .profileDetails{margin-left:10px;opacity:.7}.postData .postHeader .profile .profileDetails .profileName{font-size:15px;font-weight:500}.postData .postHeader .profile .profileDetails>p{font-size:13px;margin-bottom:0}.postData .postHeader .postCross i,.postData .postHeader .postCross svg{margin-right:12px;opacity:.6}.postData .postTitle{color:#535353;padding:8px 0}.postData .postimg{padding-bottom:10px}.postData .postimg img{width:100%}.postData .postComments{padding:0 6px}.postData .postComments .likeCommentsDetails{border-bottom:.5px solid #e9eaed;opacity:.8}.postData .postComments .likeCommentsDetails span{font-size:14px;margin-right:4px}.postData .postComments .likeCommentShare .comment i,.postData .postComments .likeCommentShare .like i,.postData .postComments .likeCommentShare .share i{opacity:.8}.postData .postComments .likeCommentShare .comment span,.postData .postComments .likeCommentShare .like span,.postData .postComments .likeCommentShare .share span{color:#64666b;font-size:15px;margin-left:8px}.sidebar{height:100vh;left:0;overflow:hidden;position:fixed;top:55px}.sidebar .sidebarContainer{height:100%;overflow-y:scroll;padding:15px 0 30px 8px;width:92%}.sidebar .sidebarContainer::-webkit-scrollbar{width:8px}.sidebar .sidebarContainer::-webkit-scrollbar-thumb{background:transparent;border-radius:25px;-webkit-transition:.2s;transition:.2s}.sidebar .sidebarContainer:hover::-webkit-scrollbar-thumb{background:#b4b4b4}.sidebar .sidebarContainer .sidebarMenu{border-bottom:.5px solid #ced0d4;height:74%;overflow-y:hidden;padding-bottom:10px;position:relative}.sidebar .sidebarContainer .sidebarMenu a{align-items:center;display:block;display:flex;justify-content:flex-start;padding:6px 7px 6px 5px;text-decoration:none}.sidebar .sidebarContainer .sidebarMenu a:hover{background:#e9eaed;border-radius:10px 0 0 10px}.sidebar .sidebarContainer .sidebarMenu a img{aspect-ratio:1;object-fit:cover;-webkit-transform:scale(.8);transform:scale(.8);width:33px}.sidebar .sidebarContainer .sidebarMenu a .profile{aspect-ratio:1;border-radius:50%;object-fit:cover;width:33px}.sidebar .sidebarContainer .sidebarMenu a span{color:#4d4d4d;font-size:15px;font-weight:500;margin-left:8px}.sidebar .sidebarContainer .sidebarMenu a i{height:34px}.sidebar .sidebarContainer .sidebarMenu a .linkicon,.sidebar .sidebarContainer .sidebarMenu a i{background-repeat:no-repeat;background-size:auto;display:inline-block;-webkit-transform:scale(.8);transform:scale(.8);width:34px}.sidebar .sidebarContainer .sidebarMenu a .linkicon{height:30px}.sidebar .sidebarContainer .sidebarMenu .showmore .showmoreIcon{aspect-ratio:1;background:#e9eaed;border-radius:50%;color:#535353;display:grid;place-content:center;text-align:center;width:30px}.sidebar .sidebarContainer .sidebarMenu .showmoreActive{background:#f1f2f6;bottom:0;left:0;position:absolute;width:100%}.sidebar .sidebarContainer .fullmenu{height:auto;padding-bottom:10px}.sidebar .sidebarContainer .shortCurts{padding-bottom:30px;padding-left:10px}.sidebar .sidebarContainer .shortCurts h3{color:#64666b;font-size:17px;font-weight:500;padding:15px 0 0}.sidebar .sidebarContainer .shortCurts a{align-items:center;display:block;display:flex;justify-content:flex-start;padding:8px 0;text-decoration:none}.sidebar .sidebarContainer .shortCurts a:hover{background:#e9eaed;border-radius:10px 0 0 10px}.sidebar .sidebarContainer .shortCurts a img{aspect-ratio:1;border-radius:8px;object-fit:cover;width:30px}.sidebar .sidebarContainer .shortCurts a .circle{border-radius:50%}.sidebar .sidebarContainer .shortCurts a span{color:#535353;font-size:15px;font-weight:500;margin-left:8px}.sidebar .sidebarContainer .shortCurts .sidebarFooter{color:#64666b;display:inline-block;font-size:14px;font-weight:400px;line-height:15px!important;padding:10px 0}.sidebarRight{height:100vh;overflow-y:hidden;position:fixed;right:0;top:55px}.sidebarRight .rightSidebarcontainer{height:100%;margin-left:auto;overflow-y:scroll;padding:10px 8px 30px 0;width:90%}.sidebarRight .rightSidebarcontainer::-webkit-scrollbar{width:8px}.sidebarRight .rightSidebarcontainer::-webkit-scrollbar-thumb{background:transparent;border-radius:25px;-webkit-transition:.2s;transition:.2s}.sidebarRight .rightSidebarcontainer:hover::-webkit-scrollbar-thumb{background:#b4b4b4}.sidebarRight .rightSidebarcontainer .rightsidebarAdds{border-bottom:.5px solid #ced0d4;overflow:hidden;padding-bottom:10px;position:relative}.sidebarRight .rightSidebarcontainer .rightsidebarAdds>h3{color:#64666b;font-size:17px;font-weight:500;margin-left:10px;padding:15px 0 0}.sidebarRight .rightSidebarcontainer .rightsidebarAdds a{align-items:center;display:block;display:flex;justify-content:flex-start;padding:8px 0 8px 8px;text-decoration:none}.sidebarRight .rightSidebarcontainer .rightsidebarAdds a:hover{background:#e9eaed;border-radius:10px 0 0 10px}.sidebarRight .rightSidebarcontainer .rightsidebarAdds a img{aspect-ratio:1;border-radius:8px;object-fit:cover;width:110px}.sidebarRight .rightSidebarcontainer .rightsidebarAdds a span{word-wrap:break-word;color:#64666b;font-size:14px;font-weight:400;margin-left:10px;white-space:pre-wrap}.sidebarRight .rightSidebarcontainer .rightsidebarAdds a .addDescription span{line-height:14px}.sidebarRight .rightSidebarcontainer .rightsidebarAdds a .addDescription>p{color:#535353;font-size:15px;font-weight:500;margin:0 0 0 10px;padding:0}.sidebarRight .rightSidebarcontainer .rightsidebarPage{border-bottom:.5px solid #ced0d4}.sidebarRight .rightSidebarcontainer .rightsidebarPage>h3{color:#64666b;font-size:17px;font-weight:500;padding:12px 0 0}.sidebarRight .rightSidebarcontainer .rightsidebarPage a{align-items:center;display:block;display:flex;justify-content:flex-start;margin-left:10px;padding:8px 0;text-decoration:none}.sidebarRight .rightSidebarcontainer .rightsidebarPage a .switchIcon{background-repeat:no-repeat;background-size:auto;display:inline-block;height:20px;width:20px}.sidebarRight .rightSidebarcontainer .rightsidebarPage a:hover{background:#e9eaed;border-radius:10px 0 0 10px}.sidebarRight .rightSidebarcontainer .rightsidebarPage a img{aspect-ratio:1;border-radius:8px;object-fit:cover;width:30px}.sidebarRight .rightSidebarcontainer .rightsidebarPage a .circle{border-radius:50%}.sidebarRight .rightSidebarcontainer .rightsidebarPage a span{color:#535353;font-size:15px;font-weight:500;margin-left:8px}.sidebarRight .rightSidebarcontainer .rightsidebarBirthday{border-bottom:.5px solid #ced0d4;padding-bottom:10px}.sidebarRight .rightSidebarcontainer .rightsidebarBirthday>h3{color:#64666b;font-size:17px;font-weight:500;padding:12px 0 0}.sidebarRight .rightSidebarcontainer .rightsidebarBirthday a{align-items:center;display:block;display:flex;justify-content:flex-start;padding:8px 0 8px 8px;text-decoration:none}.sidebarRight .rightSidebarcontainer .rightsidebarBirthday a:hover{background:#e9eaed;border-radius:10px 0 0 10px}.sidebarRight .rightSidebarcontainer .rightsidebarBirthday a span{color:#64666b;font-size:15px;font-weight:400;margin-left:10px}.sidebarRight .rightSidebarcontainer .rightsidebarContact>h3{color:#64666b;font-size:17px;font-weight:500;padding:12px 0 0}.sidebarRight .rightSidebarcontainer .rightsidebarContact a{align-items:center;display:block;display:flex;justify-content:flex-start;margin-left:10px;padding:8px 0;text-decoration:none}.sidebarRight .rightSidebarcontainer .rightsidebarContact a:hover{background:#e9eaed;border-radius:10px 0 0 10px}.sidebarRight .rightSidebarcontainer .rightsidebarContact a img{aspect-ratio:1;border-radius:50%;object-fit:cover;position:relative;width:30px}.sidebarRight .rightSidebarcontainer .rightsidebarContact a img:after{background:#32cd32;border-radius:50%;content:"";height:6px;left:80%;position:absolute;top:80%;width:6px}.sidebarRight .rightSidebarcontainer .rightsidebarContact a span{color:#535353;font-size:15px;font-weight:500;margin-left:8px}.mainStories{margin:auto;overflow-x:hidden;position:relative}.mainStories .leftSlideIcon,.mainStories .rightSlideIcon{background:#fff;border-radius:50%;color:#64666b;height:50px;left:35px;line-height:65px;position:fixed;position:absolute;right:auto;text-align:center;top:50%;-webkit-transform:translateY(30%);transform:translateY(30%);width:50px;z-index:4}.mainStories .rightSlideIcon{left:auto;right:20px}.mainStories .leftSlideIcon{display:none;left:25px}.mainStories::-webkit-scrollbar{width:0}.mainStories .slideStories{height:255px;margin-top:80px;overflow-x:scroll;scroll-behavior:smooth}.mainStories .slideStories::-webkit-scrollbar{height:0;width:0}.mainStories .slideStories .card{border-radius:15px;height:100%;margin-left:7px;min-width:145px;overflow:hidden;position:relative}.mainStories .slideStories .card .profiletitle{color:#535353;font-size:14px;font-weight:500;margin-left:30px;margin-top:auto;z-index:2}.mainStories .slideStories .card h4{color:#fff;font-size:14px;margin-left:10px;margin-top:auto;z-index:3}.mainStories .slideStories .card .mainimg{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.mainStories .slideStories .card .profilemainimg{object-fit:contain;top:-28px}.mainStories .slideStories .card .profileShortimg{background:#1876f2;border:4px solid #fff;border-radius:50%;bottom:30px;color:#fff;font-size:20px;height:40px;left:50%;line-height:36px;position:absolute;text-align:center;-webkit-transform:translateX(0,-50%);transform:translateX(0,-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:40px;z-index:2}.mainStories .slideStories .card .shortimg{border:4px solid #1876f2;border-radius:50%;bottom:auto;height:40px;left:10px;overflow:hidden;position:absolute;top:10px;width:40px;z-index:2}.mainStories .slideStories .card .shortimg img{height:100%;object-fit:cover;width:100%}.mainStories .slideStories .card:before{background:rgba(0,0,0,.151);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:.1s;width:100%;z-index:2}.mainStories .slideStories .card:after{background:rgba(0,0,0,.103);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.mainStories .slideStories .card:hover:before{opacity:1}.mainStories .slideStories .card:hover .mainimg{-webkit-transform:scale(1.02);transform:scale(1.02)}.mainStories .slideStories .profile:after{background:rgba(0,0,0,.103);content:"";height:100%;left:0;position:absolute;top:-20%;width:100%;z-index:2}@media(max-width:1140px){.mainStories .profile{margin-left:0!important}}.FacebookVideo{margin-top:60px}.bookmarks .sidebar{display:block!important;max-width:100%!important}.profileImgContainer .cover-img{background:url(/FacebookClone/static/media/postImg.f52157f96f007e63086f.jpg);background-position:0 11%;background-size:cover;border-radius:10px;height:60vh;overflow:hidden;position:relative;width:100%}.profileImgContainer .cover-img .editCoverPhotoContainer{background:linear-gradient(0deg,rgba(0,0,0,.534),rgba(0,0,0,.014));bottom:0;height:30%;left:0;position:absolute;width:100%}.profileImgContainer .cover-img .editCoverPhotoContainer .editCoverPhoto{bottom:20px;position:absolute;right:20px}.profileImgContainer .cover-img .editCoverPhotoContainer .editCoverPhoto .avatar,.profileImgContainer .cover-img .editCoverPhotoContainer .editCoverPhoto .editcover{background:rgba(0,0,0,.438);border-radius:5px;color:#f5f5f5;font-size:14px;margin-top:8px;padding:7px 10px;text-align:center;width:170px}.profileImgContainer .cover-img .editCoverPhotoContainer .editCoverPhoto .avatar i,.profileImgContainer .cover-img .editCoverPhotoContainer .editCoverPhoto .editcover i{-webkit-filter:invert(100%);filter:invert(100%)}.profileImgContainer .profile{align-items:flex-end;border-bottom:1px solid #cecece;height:170px}.profileImgContainer .profile .profilecontent{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profileImgContainer .profile .profilecontent .mainImg{border:4px solid #fff;border-radius:50%;height:180px;position:relative;-webkit-transform:translateY(-32px);transform:translateY(-32px);width:180px}.profileImgContainer .profile .profilecontent .mainImg img{border-radius:50%;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.profileImgContainer .profile .profilecontent .mainImg span{background:#e9eaed;border-radius:50%;bottom:10px;height:36px;line-height:50px;position:absolute;right:10px;text-align:center;width:36px}.profileImgContainer .profile .profilecontent .profileName h2{font-size:32px;font-weight:700}.profileImgContainer .profile .profilecontent .profileName p{color:#64666b;font-weight:500}.profileImgContainer .profile .profilecontent .profileName .friendsImg{align-items:center;display:flex}.profileImgContainer .profile .profilecontent .profileName .friendsImg span{background:gray;border:2px solid #fff;border-radius:50%;height:38px;overflow:hidden;padding-right:16px;width:38px}.profileImgContainer .profile .edit .addStory,.profileImgContainer .profile .edit .down,.profileImgContainer .profile .edit .editProfile{align-items:center;background:#1b74e4;border-radius:8px;color:#fff;display:flex;font-size:15px;padding:8px 12px}.profileImgContainer .profile .edit .addStory img,.profileImgContainer .profile .edit .down img,.profileImgContainer .profile .edit .editProfile img{margin-right:6px}.profileImgContainer .profile .edit .addStory{margin-right:10px}.profileImgContainer .profile .edit .addStory img{-webkit-filter:invert(100%);filter:invert(100%)}.profileImgContainer .profile .edit .down,.profileImgContainer .profile .edit .editProfile{background:#e9eaed;color:#000}.profileImgContainer .profile .edit .down{margin-left:10px;padding:10px 12px}.profileImgContainer .profileNav{align-items:center;display:flex;flex-wrap:wrap;height:60px}.profileImgContainer .profileNav .Icon{color:#64666b;font-weight:500;margin-left:10px;padding:10px;text-align:center;text-decoration:none}.profileImgContainer .profileNav .Icon:hover{background:#e9eaed;border-radius:10px}.profileImgContainer .profileNav .Icon:first-child{background:none;border-bottom:3px solid #1b74e4;border-radius:0;color:#1b74e4}@media(max-width:1209px){.profileImgContainer .profile{height:auto!important}.profileImgContainer .profileNav{background:#fff;height:auto}}@media(max-width:567px){.profileImgContainer .cover-img{height:30vh}}.showChatContainer{bottom:0;height:460px;position:fixed;right:80px;width:670px;z-index:2}.showChatContainer .showChatBox{background:#fff;border-radius:7px;box-shadow:0 0 8px 2px rgba(51,51,51,.247);height:100%;width:49.2%}.showChatContainer .showChatBox .showChatboxHeader{box-shadow:0 0 2px 2px rgba(51,51,51,.137);padding:1px}.showChatContainer .showChatBox .showChatboxHeader .userData{align-items:center;display:block;display:flex;justify-content:flex-start;padding:6px;text-decoration:none}.showChatContainer .showChatBox .showChatboxHeader .userData img{aspect-ratio:1;border-radius:50%;object-fit:cover;width:40px}.showChatContainer .showChatBox .showChatboxHeader .userData:hover{background:#e9eaed;border-radius:6px}.showChatContainer .showChatBox .showChatboxHeader .userData span{color:#535353;display:block;font-size:15px;font-weight:500;line-height:13px;margin-left:10px}.showChatContainer .showChatBox .showChatboxHeader .userData .messageText{font-size:14px;font-weight:400}@media(max-width:767px){.showChatContainer{height:100vh;right:0;top:0;width:100%}.showChatContainer .showChatBox{height:100%;left:0;position:absolute;top:0;width:100%}}
/*# sourceMappingURL=main.a83a96f7.css.map*/