.header_header__OaHfl{position:fixed;top:0;left:0;justify-content:space-between;width:100%;height:50px;padding:0 12px;background-color:white;box-shadow:0 1px 8px var(--lightgrey3);z-index:10}.header_header__OaHfl,.header_logoContainer___chkA{display:flex;align-items:center}.header_logo__i6gRV{position:relative;border:none;width:40px;height:40px;&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.06);opacity:0;transition:opacity .3 ease}&:hover:after{opacity:1}&:active{scale:.9}}.header_title__3LZZF{position:absolute;left:50%;transform:translateX(-50%)}.header_options__uaEdR{display:flex;justify-content:space-between;width:90px}.header_notifContainer__BAx0J{position:relative;background-color:white;cursor:pointer;width:40px;height:40px;border:none;transition:opacity .3 ease-in-out;&:hover{opacity:.7}}.header_bellIcon__XE_kU{width:100%;height:100%;color:var(--foreground)}.header_iconContainer__H1_WS{position:absolute;bottom:-2px;right:0;width:14px;height:14px;background-color:var(--blue1);color:white;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2 solid white;border-radius:50%}.header_friendRequestList__EqbXe{display:flex;flex-direction:column;position:absolute;top:48px;right:8px;padding-top:5px;background-color:white;border:1px solid var(--lightgrey3);border-radius:4px;box-shadow:0 1px 8px var(--lightgrey3)}.header_avatarContainer__AjPII{position:relative;background-color:white;border:none;cursor:pointer;width:40px;height:40px;&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.06);opacity:0;transition:opacity .3 ease}&:hover:after{opacity:1}}.header_avatar__9O1lA{width:40px;height:40px;border-radius:50%;overflow:hidden}.header_chevronContainer__jqTsD{position:absolute;bottom:-2px;right:0;width:14px;height:14px;background-color:var(--lightgrey1);display:flex;align-items:center;justify-content:center;border:2px solid white;border-radius:50%}.header_chevronIcon__1InTh{font-size:8px;color:var(--foreground)}.header_dropdownMenu__TlClU{position:absolute;top:48px;right:8px;background:white;border:1px solid var(--lightgrey3);border-radius:4px;box-shadow:0 1px 8px var(--lightgrey3);min-width:200px}.header_dropdownCard__bBo_P{display:flex;flex-direction:row;align-items:center;padding:10px;opacity:.8;transition:all .2s ease}.header_avatarCard__HBhjJ{width:25px;height:25px;border-radius:50%;overflow:hidden}.header_dropdownItem__6hBSZ{text-decoration:none;display:block;padding-left:10px;font-size:16px;font-weight:550}.header_dropdownIcon__m6cXQ{font-size:25px}.header_dropdownCard__bBo_P:hover{background-color:var(--lightgrey3);opacity:1}.searchBar_inputContainer__ubrMl{position:relative;width:300px;height:35px;margin-left:10px}.searchBar_input__rqVm9{width:100%;height:100%;padding-left:20px;border:none;border-radius:22px;background-color:var(--lightgrey4);font-family:var(--font-quicksand),Arial,sans-serif;font-size:16px;font-weight:450;&:focus{outline-color:var(--foreground);&::placeholder{opacity:.6}}}.searchBar_searchResultsContainer__EiNxr{background-color:white;position:absolute;top:38px;left:0;border:1px solid var(--lightgrey3);border-radius:4px;box-shadow:0 1px 8px var(--lightgrey3)}@media screen and (max-width:940px){.searchBar_inputContainer__ubrMl{width:150px}}.contactCard_card__oFLjX{display:flex;align-items:center;padding:5px;margin:5px;border-radius:5px;opacity:.6;transition:all .3s ease-in-out;&:hover{background-color:var(--lightgrey3);opacity:1;cursor:pointer}}.contactCard_avatar__j3A_5{overflow:hidden;border-radius:50%}.contactCard_name__1rdGK{padding-left:10px;font-weight:500;word-wrap:break-word}.friendRequestCard_card__GmuRD{display:flex;flex-direction:column;align-items:center;min-width:200px;padding:5px}.friendRequestCard_card__GmuRD:last-child .friendRequestCard_line__cxEkV{display:none}.friendRequestCard_friend__3gYi1{display:flex;align-items:center}.friendRequestCard_avatar__EaSK_{width:35px;height:35px;overflow:hidden;border-radius:50%}.friendRequestCard_name__6do3C{padding-left:10px;font-size:18px;font-weight:500}.friendRequestCard_btnContainer__upkmk{display:flex;justify-content:space-around;width:100%;margin:5px 0 10px}.friendRequestCard_btn__ErjR6{color:white;border:none;border-radius:4px;padding:5px 15px;&:hover{cursor:pointer;opacity:.7}&:active{scale:.9}}.friendRequestCard_acceptBtn__AQ5gT{background-color:var(--green1)}.friendRequestCard_ignoreBtn__z5YAY{background-color:red}.friendRequestCard_line__cxEkV{width:100%;height:1px;background-color:var(--lightgrey2)}.postedCard_container__nQEOr{display:flex;flex-direction:column;margin-top:20px;padding:10px 10px 0;width:100%;min-height:150px;background-color:white;box-shadow:0 1px 8px var(--lightgrey3);border-radius:6px}.postedCard_postedHeader__ZX26P{display:flex;position:relative;width:100%;height:40px}.postedCard_avatar__Kq4wB{width:40px;height:40px;overflow:hidden;border-radius:50%}.postedCard_postedHeaderText__5z2qV{display:flex;flex-direction:column;margin-left:10px}.postedCard_name__FwLmh{font-weight:700;&:hover{text-decoration:underline}}.postedCard_date__Z1_C2{font-size:12px}.postedCard_postedHeaderIcon__P1wko{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;width:25px;height:25px;border-radius:50%;transition:background-color .3 ease-in-out;&:hover{background-color:var(--lightgrey4);cursor:pointer}&:active{scale:.9}}.postedCard_icon__31wxO{width:20px;height:20px}.postedCard_postedContent__Li_rW{margin-top:15px;width:100%}.postedCard_content__Z8j9l{word-wrap:break-word;white-space:pre-line}.postedCard_commentCountSection__GuXHU{display:flex;justify-content:space-between;margin-top:10px;height:20px;font-size:12px}.postedCard_thumbUp__F1O6i{color:var(--blue1);font-size:20px;margin:0 10px}.postedCard_commentTxt__5r7Wq:hover{text-decoration:underline;cursor:pointer}.postedCard_line__uk7Bk{margin-top:5px;width:100%;height:1px;background-color:var(--lightgrey3)}.postedCard_commentSection__kA9vH{display:flex;justify-content:space-around;width:100%;height:50px;padding:10px}.postedCard_commentBtn__fj9TL{display:flex;padding:5px 10px;font-size:20px;color:var(--forebground);transition:background-color .3 ease-in-out;&:hover{background-color:var(--lightgrey4);cursor:pointer}&:active{scale:.9}}.postedCard_commentBtnOpen__MA5xL{background-color:var(--lightgrey4)}.postedCard_commentIcon__mPVVH{margin-right:8px}.postedCard_commentBtnText__ThLel{font-size:16px}.postedCard_commentContainer__210Bv{display:flex;flex-direction:column}.postedCard_commentWrapper__7FH5i{max-height:300px;overflow-y:auto;&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-track{border-radius:10px}&::-webkit-scrollbar-thumb{background:var(--lightgrey2);border-radius:10px}&::-webkit-scrollbar-thumb:hover{background:var(--lightgrey1)}}.postedCard_inputContainer__dH_3w{display:flex;justify-content:space-between;align-items:center;width:100%;margin:10px 0}.postedCard_inputAvatar__wvRVM{width:30px;height:30px;overflow:hidden;border-radius:50%}.postedCard_input__fS1lt{width:85%;height:30px;padding-left:15px;border:none;border-radius:22px;background-color:var(--lightgrey4);font-family:var(--font-quicksand),Arial,sans-serif;font-weight:450;&:focus{outline-color:var(--foreground);&::placeholder{opacity:.6}}}.postedCard_postBtn__E7kig{color:var(--blue1);font-size:20px;margin-right:10px;&:hover{cursor:pointer;opacity:.85}&:active{scale:.9}}.postedCard_modalOverlay__31qA3{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;z-index:1000}.postedCard_modal__Hi_36{background-color:white;padding:20px;border-radius:4px;box-shadow:0 1px 8px var(--lightgrey3);text-align:center}.postedCard_modal__Hi_36 p{margin-bottom:20px;font-size:16px}.postedCard_modalActions__efM0d{display:flex;justify-content:space-around;gap:10px}.postedCard_btn__0oLvg{color:white;font-family:var(--font-quicksand),Arial,sans-serif;font-size:16px;border:none;border-radius:4px;padding:5px 15px;&:hover{cursor:pointer;opacity:.7}&:active{scale:.9}}.postedCard_confirmBtn___7JqU{background-color:var(--green1)}.postedCard_cancelBtn__Y5myj{background-color:red}.postedCard_okBtn__N0Em3{background-color:var(--blue1)}.postInputBtn_container__WcCMc{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;height:68px;background-color:white;box-shadow:0 1px 8px var(--lightgrey3);border-radius:6px}.postInputBtn_avatar__qR2jw{position:relative;vertical-align:middle;width:44px;height:44px;border-radius:50%;overflow:hidden;&:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:rgba(0,0,0,.06);opacity:0;transition:opacity .3 ease}&:hover:after{opacity:1}}.postInputBtn_inputBtn__cSGoy{width:86%;height:42px;padding-left:20px;font-family:var(--font-quicksand),Arial,sans-serif;font-size:16px;font-weight:450;border:none;border-radius:22px;background-color:var(--lightgrey4);text-align:start;transition:background-color .1s ease;&:hover{background-color:var(--lightgrey3);cursor:pointer}&:active{scale:.98}}.postCardModal_modalOverlay__v0G10{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(216,217,222,.4);display:flex;align-items:center;justify-content:center;z-index:50}.postCardModal_modalContent__KSqRG{background:white;border-radius:4px;box-shadow:0 1px 8px var(--lightgrey3);width:100%;max-width:500px;height:400px}.postCardModal_titleContainer__y_ojp{display:flex;justify-content:center;position:relative;width:100%;height:55px;align-items:center}.postCardModal_title__zC00T{font-size:24px}.postCardModal_iconWrapper__4Mest{display:flex;justify-content:center;align-items:center;position:absolute;right:16px;width:25px;height:25px;border-radius:50%;transition:background-color .3 ease-in-out;&:hover{background-color:var(--lightgrey4);cursor:pointer}}.postCardModal_icon__MxMgC{width:20px;height:20px}.postCardModal_line__wRJyF{width:100%;height:1;background-color:var(--lightgrey3)}.postCardModal_mainContainer___zbOI{width:100%;height:100%;padding:10px 20px}.postCardModal_avatar__Hztb0{width:40px;height:40px;border-radius:50%;overflow:hidden}.postCardModal_userCard__KNuzZ{display:flex;align-items:center;border-radius:5px;transition:opacity .3s ease-in-out;&:hover{opacity:.6;cursor:pointer}}.postCardModal_name__Q9AT5{padding-left:10px;font-size:18px;font-weight:500}.postCardModal_textarea__bcvly{width:100%;height:100%;min-height:170px;margin-top:15px;font-size:22px;font-family:var(--font-quicksand),Arial,sans-serif;resize:none;outline:none;border:none;&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-track{border-radius:10px}&::-webkit-scrollbar-thumb{background:var(--lightgrey2);border-radius:10px}&::-webkit-scrollbar-thumb:hover{background:var(--lightgrey1)}}.postCardModal_submitBtn__wzwA6{margin-top:25px;width:100%;height:45px;font-size:24px;font-weight:800;font-family:var(--font-quicksand),Arial,sans-serif;border:none;border-radius:4px}.postCardModal_active__AFcUg{color:white;background-color:var(--blue1);cursor:pointer;transition:background-color .3 ease;&:hover{background-color:var(--blue2)}&:active{scale:.98}}.postCardModal_disabled___m_R5{color:var(--foreground);background-color:var(--lightgrey3);opacity:.6;cursor:not-allowed}.commentCard_card__gMgfA{display:flex;align-items:start;margin:10px 5px}.commentCard_avatar__UZ3gg{width:30px;height:30px;overflow:hidden;border-radius:50%}.commentCard_commentContainer___OPf6{display:flex;flex-direction:column;margin-left:10px;font-size:14px}.commentCard_commentBubble__Df_o7{padding:10px;background-color:var(--lightgrey4);border-radius:10px}.commentCard_name__Z68W6{font-weight:600}.commentCard_date__zMUYl{font-size:12px;text-align:end}.followingSection_following__7Gi6u{width:300px;height:calc(100vh - 165px);border-bottom:1.5px solid var(--lightgrey2)}.followingSection_title__Yns0W{margin-top:10px;margin-left:10px;font-size:20px;border-bottom:1.5px solid var(--lightgrey2)}.followingSection_list__DoBcW{height:calc(100vh - 200px);overflow-y:auto;&:hover::-webkit-scrollbar-thumb{background:var(--lightgrey2);border-radius:10px}&::-webkit-scrollbar{width:5px}&::-webkit-scrollbar-track{border-radius:10px}&::-webkit-scrollbar-thumb{background:var(--background);border-radius:10px}&::-webkit-scrollbar-thumb:hover{background:var(--lightgrey1)}}.followingSection_empty__CPc8X{margin-top:20px;text-align:center}@media screen and (max-width:1240px){.followingSection_following__7Gi6u{display:none}}.footer_footer__e_ilT{position:fixed;bottom:0;left:0;width:300px;padding:0 0 20px 20px;font-size:14px;font-weight:600;&:hover{cursor:pointer;text-decoration:underline}}.footer_modalOverlay__MGrIe{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;z-index:1000}.footer_modal__LpkBe{display:flex;flex-direction:column;justify-content:space-between;gap:15px;width:400px;max-height:600px;background-color:white;padding:20px;border-radius:4px;box-shadow:0 1px 8px var(--lightgrey3);text-align:center}.footer_modalTitle__0YFEr{font-size:22px;font-weight:800}.footer_modalContent__wXZ6u{font-size:16px;padding:5px;word-break:break-word;text-align:start;border:1px solid var(--lightgrey2);overflow-y:auto;&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-thumb{background:var(--lightgrey2)}&::-webkit-scrollbar-thumb:hover{background:var(--lightgrey1)}}.footer_modalActions__blqIY{display:flex;justify-content:center}.footer_btn__x5whB{color:white;font-family:var(--font-quicksand),Arial,sans-serif;font-size:16px;font-weight:600;border:none;border-radius:4px;padding:5px 15px;&:hover{cursor:pointer;opacity:.7}}.footer_okBtn__PEb7l{background-color:var(--blue1)}@media screen and (max-width:1240px){.footer_footer__e_ilT{display:none}}.profileInfoSection_container__2BKjq{width:100%;background-color:white;box-shadow:0 1px 8px var(--lightgrey3);border-radius:6px;padding:10px 20px 20px}.profileInfoSection_title__67wJw{font-size:20px;font-weight:700}.profileInfoSection_line__V8w61{margin-top:5px;width:100%;height:1px;background-color:var(--lightgrey3)}.profileInfoSection_infoContainer___JAep{display:flex;flex-direction:column;gap:10px}.profileInfoSection_infoCard__9LYLX{width:100%;position:relative;display:flex;align-items:center;margin-top:10px}.profileInfoSection_icon__OJJA_{width:30px;font-size:25px}.profileInfoSection_link__V5cdd:hover{text-decoration:underline}.profileInfoSection_text__eTRbi{width:80%;font-size:16px;margin:0 25px 0 15px;word-break:break-all}.profileInfoSection_iconUpdate__OGzXs{font-size:20px;border-radius:50%;padding:5px;position:absolute;top:-10px;right:0;transition:background-color .3 ease;&:hover{cursor:pointer;background-color:var(--lightgrey4)}&:active{scale:.9}}.profileInfoSection_textLight__r4Aud{font-size:14px}.updateInfoInput_overlay__cgL1D{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;z-index:1000}.updateInfoInput_container__rw4QB{background-color:white;padding:20px;border-radius:4px;box-shadow:0 1px 8px var(--lightgrey3);width:400px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.updateInfoInput_title__t7nYU{font-size:24px;font-weight:700}.updateInfoInput_input__QRuLE{height:35px;width:95%;padding-left:20px;border:none;border-radius:6px;background-color:var(--lightgrey4);font-family:var(--font-quicksand),Arial,sans-serif;font-size:16px;font-weight:450;&:focus{outline-color:var(--foreground)}}.updateInfoInput_btnContainer__J18i4{display:flex;justify-content:space-around;width:100%}.updateInfoInput_btn__QQ538{border:none;border-radius:6px;padding:5px 15px;margin-left:5px;color:white;font-family:var(--font-quicksand),Arial,sans-serif;font-size:16px;font-weight:800;transition:opacity .3 ease-in-out;&:hover{cursor:pointer;opacity:.7}&:active{scale:.94}}.updateInfoInput_btnUpdate__ayMRi{background-color:var(--green1)}.updateInfoInput_btnCancel__RrO0R{background-color:red}.profileFriendSection_container__6WhX7{width:100%;background-color:white;box-shadow:0 1px 8px var(--lightgrey3);border-radius:6px;padding:10px 20px;margin-top:20px}.profileFriendSection_titleContainer__iO9CD{display:flex;justify-content:space-between;align-items:flex-end}.profileFriendSection_title__qn_Af{font-size:20px;font-weight:700}.profileFriendSection_commonFriends__dN1um{font-size:14px;font-weight:400}.profileFriendSection_number__PZUnj{font-size:14px}.profileFriendSection_line__YTlh5{margin-top:5px;margin-bottom:10px;width:100%;height:1px;background-color:var(--lightgrey3)}.profileFriendSection_friendsContainer__TSjbg{text-align:center;display:flex;align-items:flex-start;align-content:flex-start;flex-wrap:wrap;height:370px;overflow-y:auto;&::-webkit-scrollbar{width:0}}.profileFriendSection_friendCard__e_tgi{width:85px;height:102px;margin-bottom:10px;&:hover{text-decoration:underline;opacity:.8}&:active{scale:.95}}.profileFriendSection_link__dWhTn{display:flex;flex-direction:column;align-items:center;justify-content:center}.profileFriendSection_avatar__qFGxr{width:70px;height:70px;overflow:hidden;border-radius:4px}.profileFriendSection_name__ibx_V{font-size:12px}.updateImageModal_overlay__ghIn2{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;z-index:1000}.updateImageModal_container__pfOqE{background-color:white;padding:20px;border-radius:4px;box-shadow:0 1px 8px var(--lightgrey3);width:400px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.updateImageModal_title__8ByDy{font-size:24px;font-weight:700}.updateImageModal_preview__juHsY{margin-top:15px;height:200px;border:2px solid black;overflow:hidden;position:relative}.updateImageModal_previewImage__JNgaQ{width:100%;height:100%;object-fit:cover}.updateImageModal_fileSelector__CEjY4{display:flex;flex-direction:column;align-items:center;width:100%}.updateImageModal_input__fvkDC{display:none}.updateImageModal_fileName__ipenW{margin-top:10px;border-radius:6px;padding:5px;background-color:var(--lightgrey4);width:100%}.updateImageModal_btnContainer__tBMsC{display:flex;justify-content:space-around;width:100%}.updateImageModal_btn__K3sAd{border:none;border-radius:6px;padding:5px 15px;margin-left:5px;color:white;font-family:var(--font-quicksand),Arial,sans-serif;font-size:16px;font-weight:800;transition:opacity .3 ease-in-out;&:hover{cursor:pointer;opacity:.7}&:active{scale:.94}}.updateImageModal_btnUpdate__QT886{background-color:var(--green1)}.updateImageModal_btnCancel__bgwER{background-color:red}.updateImageModal_btnFile__W5nAk{width:150px;background-color:var(--blue1)}