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}nav{background-color:#fff;border-bottom:1px solid #dbdbdb;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}nav .navbar{align-items:center;display:flex;flex:1 1;flex-direction:row;margin:0 auto;max-width:975px}nav .navbar .navLogo{flex:0.4 1;margin-left:10px}nav .navbar .navSearchInput{background-color:#fafafa;flex:0.2 1;position:relative}nav .navbar .navSearchInput.labelHide label{display:none}nav .navbar .navSearchInput label{align-items:center;background-color:transparent;color:#dbdbdb;display:flex;flex-direction:row;font-size:14px;left:50%;padding:3px;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s}@media (min-width:0px) and (max-width:500px){nav .navbar .navSearchInput label{display:none}}nav .navbar .navSearchInput input{background-color:transparent;border:1px solid #dbdbdb;font-size:14px;outline:none;padding:3px;width:100%}nav .navbar .navSearchInput input:focus+label{left:0;-webkit-transform:translateX(0);transform:translateX(0)}@media (min-width:0px) and (max-width:500px){nav .navbar .navSearchInput input{display:none}}nav .navbar .navMenu{display:flex;flex:0.4 1;justify-content:flex-end}nav .navbar .navMenu a{align-items:center;display:flex}@media (max-width:500px){nav .navbar .navMenu a:not(:nth-child(2)){display:none}}nav .navbar .navMenu svg{margin-left:22px}nav .navbar .navMenu .heart{position:relative}@media (max-width:500px){nav .navbar .navMenu .heart{display:none}}nav .navbar .navMenu .closePanel{background-color:transparent;display:none;height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:99}nav .navbar .navMenu .closePanel.active{display:block}nav .navbar .navMenu .navProfilePhoto{align-items:center;display:flex;position:relative}@media (max-width:500px){nav .navbar .navMenu .navProfilePhoto{display:none}}nav .navbar .navMenu .navProfilePhoto img{border:1px solid;border-radius:50%;height:28px;margin-left:22px;padding:3px;width:28px}nav .navbar .navMenu .navProfilePhoto .navProfilPhotoMenu{background-color:#fff;border-radius:8px;box-shadow:0 0 2px gray;display:flex;flex-direction:column;position:absolute;right:-15px;top:100%;width:230px;z-index:100}nav .navbar .navMenu .navProfilePhoto .navProfilPhotoMenu.arrow-top{margin-top:10px}nav .navbar .navMenu .navProfilePhoto .navProfilPhotoMenu.arrow-top:after{border:10px solid transparent;border-bottom:10px solid #fff;border-top:none;content:" ";position:absolute;right:20px;top:-10px}nav .navbar .navMenu .navProfilePhoto .navProfilPhotoMenu .menuItem{align-items:center;display:flex;flex-direction:row}nav .navbar .navMenu .navProfilePhoto .navProfilPhotoMenu .menuItem:hover{background-color:#efefef}nav .navbar .navMenu .navProfilePhoto .navProfilPhotoMenu .menuItem svg{fill:#000;margin:10px 15px}nav .navbar .navMenu .navProfilePhoto .navProfilPhotoMenu .menuItem:last-child{padding:5px 15px}.home{align-items:center;background-color:#fafafa;display:flex;flex:1 1;flex-direction:column;min-height:100vh}.home .content{display:flex;flex:1 1;flex-direction:row;width:100vw}.post{background-color:#fff;border:1px solid #dbdbdb;display:flex;flex-direction:column;margin-bottom:40px}.post .postHeader{align-items:center;display:flex;flex:1 1;flex-direction:row}.post .postHeader .postUserImage{margin:10px}.post .postHeader .postUserImage img{border-radius:50%;height:32px;width:32px}.post .postHeader .postUsername{flex:1 1}.post .postHeader .postUsername span{color:#262626;font-size:14px;font-weight:600}.post .postHeader .headerMore{display:flex;justify-content:flex-end;margin-right:10px}.post .postImage img{height:100%;width:100%}.post .postContent{display:flex;flex-direction:column}.post .postContent .postActions{display:flex;flex-direction:row;margin:0 10px;width:100%}.post .postContent .postActions div{padding:8px}.post .postContent .postActions div:nth-child(4){margin-left:auto;margin-right:10px}.post .postContent .postActions div:nth-child(4) svg{height:22px;width:22px}.post .postContent .postRecentLiked{color:#262626;font-size:14px;margin:0 15px}.post .postContent .postRecentLiked span{font-weight:600}.post .postContent .postDescription{margin:0 15px}.post .postContent .postDescription span{color:#262626;font-size:14px}.post .postContent .postDescription span:first-child{font-weight:600}.post .postContent .postComments{display:flex;flex-direction:column;margin:0 15px}.post .postContent .postComments .postCommentsMoreCount{color:#8e8e8e;font-size:16px}.post .postContent .postComments .postComment{display:flex;flex:1 1;flex-direction:row}.post .postContent .postComments .postComment span{color:#262626}.post .postContent .postComments .postComment span:first-child{font-weight:600}.post .postContent .postComments .postComment svg{height:12px;margin-left:auto;width:12px}.post .postContent .postDate{margin:0 15px}.post .postContent .postDate span{color:#8e8e8e;font-size:10px}.post .postContent .postCommentInput{display:flex;flex:1 1;flex-direction:row;margin:5px 15px}.post .postContent .postCommentInput svg{margin-right:15px}.post .postContent .postCommentInput input{border:none;flex:1 1;outline:none}.post .postContent .postCommentInput button{background-color:transparent;border:none;color:#0f9bf7;outline:none}.bottom-navigation{background-color:#fff;bottom:0;display:none;flex-direction:row;height:44px;margin-top:auto;position:-webkit-sticky;position:sticky;width:100%}.bottom-navigation .bottom-menu-item{align-items:center;display:flex;flex:0.2 1;justify-content:center}.bottom-navigation .bottom-menu-item svg{height:24px;width:24px}@media (max-width:500px){.bottom-navigation{display:flex}}.suggestionUsersItem{align-items:center;display:flex;flex-direction:row;margin:8px 0}.suggestionUsersItem .suggestionUsersItemAvatar{margin-right:10px}.suggestionUsersItem .suggestionUsersItemAvatar img{border-radius:50%;height:32px;width:32px}.suggestionUsersItem .suggestionUsersItemName{display:flex;flex-direction:column}.suggestionUsersItem .suggestionUsersItemName span{color:#262626;font-size:14px;font-weight:600}.suggestionUsersItem .suggestionUsersItemName span:last-child{color:#8e8e8e;font-size:12px}.suggestionUsersItem button{background-color:transparent;border:none;color:#0095f6;font-size:12px;font-weight:600;margin-left:auto}.suggestions{display:flex;flex-direction:column;margin-left:25px;position:-webkit-sticky;position:sticky;top:100px}.suggestions .userSwitch{align-items:center;display:flex;flex-direction:row}.suggestions .userSwitch .userSwitchAvatar{margin-right:15px}.suggestions .userSwitch .userSwitchAvatar img{border-radius:50%;height:56px;width:56px}.suggestions .userSwitch .userSwitchName{display:flex;flex-direction:column}.suggestions .userSwitch .userSwitchName span{color:#8e8e8e;font-size:14px}.suggestions .userSwitch .userSwitchName span:first-child{color:#252525;font-weight:600}.suggestions .userSwitch button{background-color:transparent;border:none;color:#0095f6;font-size:12px;font-weight:600;margin-left:auto}.suggestions .suggestionUsers{display:flex;flex-direction:column}.suggestions .suggestionUsers .suggestionUsersHeader{display:flex;flex-direction:row;margin-top:12px}.suggestions .suggestionUsers .suggestionUsersHeader span{color:#8e8e8e;font-size:14px;font-weight:600}.suggestions .suggestionUsers .suggestionUsersHeader span:last-child{color:#262626;font-size:12px;margin-left:auto}body .feed{display:flex;flex:1 1;flex-direction:row;margin:0 auto;max-width:975px}body .feed .posts{display:flex;flex:0.6 1;flex-direction:column}@media (min-width:0) and (max-width:500px){body .feed .posts{flex:1 1}}body .feed .widgets{display:flex;flex:0.4 1;flex-direction:column}@media (min-width:0) and (max-width:500px){body .feed .widgets{display:none}}.appLinks{display:flex;flex-direction:column;margin-top:15px;width:350px}.appLinks span{font-size:14px}.appLinks div,.appLinks span{display:flex;justify-content:center}.appLinks div{flex:1 1;flex-direction:row;margin-top:15px}.appLinks img{width:40%}.phoneImage{display:flex}@media (max-width:800px){.phoneImage{display:none}}.phoneImage .phoneImgSlide{position:absolute}.phoneImage .phoneImgSlide img{display:block;margin:99px 0 0 151px;position:absolute}.login,body{background-color:#fafafa}.login{align-items:center;display:flex;flex:1 1;flex-direction:row;margin:0 auto;max-width:950px;min-height:100vh}.login .loginPanels{width:350px}.login .loginPanels,.login .loginPanels .loginPanel{display:flex;flex-direction:column;justify-content:center}.login .loginPanels .loginPanel{background-color:#fff;border:1px solid #dbdbdb;padding:10px 0}.login .loginPanels .loginPanel .logo{align-items:center;display:flex;justify-content:center}.login .loginPanels .loginPanel .logo img{height:51px;width:175px}.login .loginPanels .loginPanel .textInput{background-color:#fafafa;border:1px solid #8e8e8e;border-radius:3px;color:#8e8e8e;display:flex;flex-direction:column;margin:5px 40px;padding:0 8px;position:relative}.login .loginPanels .loginPanel .textInput.active label{-webkit-transform:translateY(0) scale(.75);transform:translateY(0) scale(.75)}.login .loginPanels .loginPanel .textInput label{font-size:12px;height:100%;position:absolute;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1);-webkit-transform-origin:top left;transform-origin:top left;transition:.4s;width:100%}.login .loginPanels .loginPanel .textInput input{border:none;font-size:14px;outline:none;padding:14px 0 2px;transition:.4s}.login .loginPanels .loginPanel .textInput input:focus+label{-webkit-transform:translateY(0) scale(.75);transform:translateY(0) scale(.75)}.login .loginPanels .loginPanel .loginBt{margin:15px 40px 0}.login .loginPanels .loginPanel .loginBt button{background-color:#0095f6;border:none;color:#fff;padding:5px 10px;width:100%}.login .loginPanels .loginPanel .loginBt button:disabled{opacity:.5}.login .loginPanels .loginPanel .or{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:center;margin:15px 40px 18px}.login .loginPanels .loginPanel .or .orBorder{background-color:#8e8e8e;flex:0.3 1;height:1px}.login .loginPanels .loginPanel .or div:nth-child(2){color:#8e8e8e;flex:0.4 1;font-size:13px;text-align:center}.login .loginPanels .loginPanel .facebookLogin{color:#385185;display:flex;font-size:14px;font-weight:600;justify-content:center;margin:5px 0 15px}.login .loginPanels .loginPanel .rememberPass{color:#00376b;display:flex;font-size:12px;justify-content:center}.login .loginPanels .siginMiniPanel{border:1px solid #dbdbdb;display:flex;flex-direction:row;font-size:14px;justify-content:center;margin-top:10px;padding:22px 0}.login .loginPanels .siginMiniPanel span:first-child{color:#000}.login .loginPanels .siginMiniPanel span:nth-child(2){color:#0095f6}.signin{align-items:center;background-color:#fafafa;display:flex;flex:1 1;flex-direction:column;min-height:100vh}.signin .signinPanel{background-color:#fff;border:1px solid #dbdbdb;display:flex;flex-direction:column;margin-top:30px;padding:0 40px;width:350px}.signin .signinPanel .logo{align-items:center;display:flex;justify-content:center;padding-top:30px}.signin .signinPanel .logo img{height:51px;width:175px}.signin .signinPanel .signinPanelTitle{color:#8e8e8e;font-size:17px;font-weight:600;margin-bottom:20px;text-align:center}.signin .signinPanel .signinFacebookLogin{background-color:#0095f6;color:#fff;font-size:14px;font-weight:600;padding:8px;text-align:center}.signin .signinPanel .or{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:center;margin:15px 40px 18px}.signin .signinPanel .or .orBorder{background-color:#8e8e8e;flex:0.3 1;height:1px}.signin .signinPanel .or div:nth-child(2){color:#8e8e8e;flex:0.4 1;font-size:13px;text-align:center}.signin .signinPanel .textInput{background-color:#fafafa;border:1px solid #8e8e8e;border-radius:3px;color:#8e8e8e;display:flex;flex-direction:column;margin:5px 0;padding:0 8px;position:relative}.signin .signinPanel .textInput.active label{-webkit-transform:translateY(0) scale(.75);transform:translateY(0) scale(.75)}.signin .signinPanel .textInput label{font-size:12px;height:100%;position:absolute;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1);-webkit-transform-origin:top left;transform-origin:top left;transition:.4s;width:100%}.signin .signinPanel .textInput input{border:none;font-size:14px;outline:none;padding:14px 0 2px;transition:.4s}.signin .signinPanel .textInput input:focus+label{-webkit-transform:translateY(0) scale(.75);transform:translateY(0) scale(.75)}.signin .signinPanel .signinBt{margin:15px 0 0}.signin .signinPanel .signinBt button{background-color:#0095f6;border:none;color:#fff;padding:5px 10px;width:100%}.signin .signinPanel .signinBt button:disabled{opacity:.5}.signin .signinPanel .acceptTerm{color:#8e8e8e;font-size:12px;margin:10px 0 30px;text-align:center}.signin .loginMiniPanel{border:1px solid #dbdbdb;display:flex;flex-direction:row;font-size:14px;justify-content:center;margin-top:10px;padding:22px 0;width:350px}.signin .loginMiniPanel span:first-child{color:#000}.signin .loginMiniPanel span:nth-child(2){color:#0095f6}.lastMessagesItem{align-items:center;display:flex;flex-direction:row}.lastMessagesItem:hover{background-color:#fafafa}.lastMessagesItem .lastMessagesItemAvatar{margin:8px 10px 8px 20px}.lastMessagesItem .lastMessagesItemAvatar img{border-radius:50%;height:56px;width:56px}.lastMessagesItem .lastMessagesItemName{display:flex;flex-direction:column}.lastMessagesItem .lastMessagesItemName span{color:#262626;font-size:14px}.lastMessagesItem .lastMessagesItemName span:last-child{color:#8e8e8e}.lastMessagesCol{border:1px solid #dbdbdb;flex:0.3 1}.lastMessagesCol .lastMessagesHeader{align-items:center;border-bottom:1px solid #dbdbdb;display:flex;flex-direction:row;justify-content:center;padding:18px 0}.lastMessagesCol .lastMessagesHeader span{color:#262626;font-size:18px;font-weight:600}.lastMessagesCol .lastMessagesHeader svg{fill:#262626;font-size:18px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.lastMessagesCol .lastMessages{display:flex;flex-direction:column;height:90%;overflow-y:scroll}@media (min-width:0px) and (max-width:500px){.lastMessagesCol.hide{display:none}}.fromMessageItem{align-items:center;display:flex;flex-direction:row;padding:10px}.fromMessageItem:hover svg{display:block}.fromMessageItem img{border-radius:50%;height:24px;margin-right:10px;width:24px}.fromMessageItem .fromMessage{border:1px solid #dbdbdb;border-radius:20px;display:flex;flex-direction:row;padding:12px 15px}.fromMessageItem svg{display:none;margin-left:10px}.myMessageItem{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;padding:10px}.myMessageItem:hover svg{display:block}.myMessageItem svg{display:none;margin-right:10px}.myMessageItem .myMessage{border:1px solid #dbdbdb;border-radius:20px;display:flex;flex-direction:row;padding:12px 15px}.chatInputRow{background-color:#fff;bottom:0;left:0;position:-webkit-sticky;position:sticky}.chatInputRow .chatInput{border:1px solid #dbdbdb;border-radius:30px;display:flex;flex-direction:row;margin:10px 20px;padding:10px 8px}.chatInputRow .chatInput input{border:none;flex:1 1;margin-left:10px;outline:none}.chatInputRow .chatInput svg:last-child{margin-left:10px}body .chat{border:1px solid #dbdbdb;display:flex;flex:0.7 1;flex-direction:column;position:relative}body .chat .chatHeader{align-items:center;background-color:#fff;border-bottom:1px solid #dbdbdb;display:flex;flex-direction:row;position:-webkit-sticky;position:sticky;top:0}body .chat .chatHeader .chatHeaderAvatar{margin:0 18px}body .chat .chatHeader .chatHeaderAvatar img{border-radius:50%;height:24px;width:24px}body .chat .chatHeader .chatHeaderUsername{color:#262626;font-size:18px;font-weight:600}body .chat .chatHeader svg{margin:18px 18px 18px auto}body .chat .chatMessages{display:flex;flex:1 1;flex-direction:column;overflow-y:scroll}@media (min-width:0px) and (max-width:500px){body .chat{flex:1 1}}.newMessage{align-items:center;border:1px solid #dbdbdb;display:flex;flex:0.7 1;flex-direction:column;justify-content:center}.newMessage svg{height:96px;width:96px}.newMessage span:nth-child(2){font-size:22px;font-weight:300;margin-top:12px}.newMessage span:nth-child(3){font-size:14px;font-weight:600;margin-top:4px}.newMessage button{background-color:#0095f6;border:none;border-radius:5px;color:#fff;font-weight:600;margin-top:25px;padding:5px}body{overflow-y:hidden}body .direct{background-color:#fff;display:flex;flex:1 1;flex-direction:row;margin:20px auto 0;max-height:600px;max-width:975px}@media (min-width:0px) and (max-width:500px){body .direct{margin:0 auto}body .direct .lastMessagesCol{flex:1 1}body .direct .newMessage{display:none}}.exploreBigRowCards{grid-column-gap:30px;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.exploreBigRowCards .exploreSmallCards{grid-row-gap:30px;display:grid;grid-template-rows:1fr 1fr}.exploreBigRowCards .exploreSmallCards .exploreSmallItem{display:flex}.exploreBigRowCards .exploreSmallCards .exploreSmallItem img{width:100%}.exploreBigRowCards .exploreBigCard{display:flex;grid-column-end:4;grid-column-start:2}.exploreBigRowCards .exploreBigCard .exploreBigCardItem{display:flex}.exploreBigRowCards .exploreBigCard .exploreBigCardItem img{width:100%}@media (max-width:700px){.exploreBigRowCards{grid-column-gap:5px;margin-bottom:5px}.exploreBigRowCards .exploreSmallCards{grid-row-gap:5px}}.exploreRow{grid-column-gap:30px;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:30px}.exploreRow .exploreItem{display:flex}.exploreRow .exploreItem:last-child{margin:0}.exploreRow .exploreItem img{width:100%}@media (max-width:700px){.exploreRow{grid-column-gap:5px;margin-bottom:5px}}.explore,.profile{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:975px}.profile .profileHeaderRow{display:flex;flex-direction:row;margin:30px 10px 0}.profile .profileHeaderRow .profilePhotoCol{align-items:center;display:flex;flex:0.2 1;justify-content:center}.profile .profileHeaderRow .profilePhotoCol img{border-radius:50%;width:100%}.profile .profileHeaderRow .profileContentCol{display:flex;flex:0.8 1;flex-direction:column;margin-left:30px}.profile .profileHeaderRow .profileContentCol .title{align-items:center;display:flex;flex-direction:row}.profile .profileHeaderRow .profileContentCol .title .username{color:#262626;font-size:28px;font-weight:300;margin-right:20px}.profile .profileHeaderRow .profileContentCol .title .editProfile{border:1px solid #e3e3e3;border-radius:10px;color:#262626;font-size:14px;font-weight:500;margin-right:10px;padding:5px 9px}.profile .profileHeaderRow .profileContentCol .title .settings svg{height:24px;width:24px}.profile .profileHeaderRow .profileContentCol .counter{color:#262626;display:flex;flex-direction:row;margin-top:20px}.profile .profileHeaderRow .profileContentCol .counter div{margin-right:40px}.profile .profileHeaderRow .profileContentCol .counter div span{font-weight:600}.profile .profileHeaderRow .profileContentCol .biographyRow{color:#262626;display:flex;flex-direction:column;margin-top:20px}.profile .profileHeaderRow .profileContentCol .biographyRow .displayName{font-weight:600}.profile .profileTabs{display:flex;flex-direction:row;margin:40px auto 0;width:100%}.profile .profileTabs .tabItem{align-items:center;color:#8e8e8e;display:flex;flex:0.25 1;font-weight:600;justify-content:center;line-height:0px;padding:17px 0}.profile .profileTabs .tabItem:hover{cursor:pointer}.profile .profileTabs .tabItem svg{fill:#8e8e8e;margin-right:5px;width:12px}.profile .profileTabs .tabItem.active{border-top:1px solid #262626;color:#262626}.profile .profileTabs .tabItem.active svg{fill:#262626;width:12px}@media (max-width:500px){.profile{width:100%}.profile .profileHeaderRow{margin-top:10px}.profile .profileHeaderRow .profileContentCol .counter{display:none}.profile .profileHeaderRow .profileContentCol .biographyRow{font-size:14px}.profile .profileTabs .tabItem span{display:none}.profile .profileTabs .tabItem svg,.profile .profileTabs .tabItem.active svg{height:24px;width:24px}}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;overflow-x:hidden;overflow-y:scroll;width:100vw}@media (max-width:500px){body{overflow-y:none}}
/*# sourceMappingURL=main.a86d2de6.css.map*/