h1{text-align:center;margin-bottom:30px}.signup_form_container{display:flex;flex-direction:column;align-items:center}.signup_form_container input{width:500px;height:30px;margin-bottom:25px}#signup_form_button{width:507px;padding:10px;font-size:16px;background-color:#24cea4;border:none;color:#fff;font-weight:700;cursor:pointer}#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff}.create_expense_container{width:400px;height:415px}.create_expense_container h2{background-color:#24cea4;padding:10px;margin:0}.create_expense_form_container{display:flex;flex-direction:column;align-items:center}.create_expense_form_container input{margin-top:10px;margin-bottom:20px;border:none;border-bottom:2px solid #000;padding:5px;font-size:16px;outline:none;width:100%}#create_expense_form_date{margin-bottom:10px;font-weight:700;font-size:20px}.create_expense_buttons{display:flex;gap:25px;margin-top:10px}.create_expense_buttons button{height:30px;width:80px;border:none;border-radius:20px;color:#fff}#create_expense_submit_button{background-color:#24cea4;font-weight:700;font-size:16px;width:120px}#create_expense_cancel_button{background-color:#ff4f03;font-weight:700;font-size:16px;width:120px}.create_expense_buttons button:hover{cursor:pointer}._addFriendModal_uj319_1{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:10px;box-shadow:0 4px 10px #0003;width:450px;height:300px}._header_uj319_14{justify-content:space-between;background-color:#24cea4;color:#fff;border-radius:8px 8px 0 0}._addFriendLabel_uj319_21{width:50%;display:flex;justify-content:center}._modalContent_uj319_28{display:flex;flex-direction:column}h2{font-size:22px;color:#fff;margin-bottom:15px;margin-left:15px}._formGroup_uj319_40{display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-bottom:15px;text-align:left}._formGroup_uj319_40 ._addFriendInputs_uj319_50{width:50%;border:none;border-bottom:2px solid #000}label{font-weight:700;display:block;margin-bottom:5px}input{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:14px}._error_uj319_70{color:red;font-size:12px;margin-top:5px}._successMessage_uj319_76{color:green;font-size:14px;margin-bottom:10px;text-align:center}._buttonGroup_uj319_83{display:flex;justify-content:center;margin-top:15px;margin-bottom:10px}._addButton_uj319_90{background-color:#ff4f03;color:#fff;border:none;padding:10px 15px;border-radius:20px;font-size:14px;cursor:pointer;margin-right:5px;width:120px;font-size:16px;font-weight:700}._addButton_uj319_90:hover{background-color:#1cb394}._cancelButton_uj319_108{background-color:#ccc;color:#fff;border:none;padding:10px 15px;border-radius:20px;font-size:14px;cursor:pointer;margin-left:5px;width:120px;font-size:16px;font-weight:700}._cancelButton_uj319_108:hover{background-color:#b3b3b3}.settle_form_container{width:350px;height:250px}#settle_form_header{background-color:#24cea4;padding:10px;color:#fff}.settle_form_pay_buttons_container{padding:10px;display:flex;flex-direction:column;align-items:center}#settle_form_pay{font-weight:700;font-size:18px}#settle_form_header{margin:0}#settle_form_amount{list-style:none;margin-top:10px;margin-bottom:25px;font-weight:600}.settle_form_button_container{display:flex;gap:10px;margin-top:20px}#settle_button{height:30px;width:90px;background-color:#24cea4;border:0px;border-radius:20px;color:#fff;font-weight:700}#settle_button:hover{cursor:pointer}#cancel_settle_button{height:30px;width:90px;border:0px;border-radius:20px;background-color:#ff4f03;color:#fff;font-weight:700}#cancel_settle_button:hover{cursor:pointer}.dashboard_header_container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:30px}.dashboard_header_container h2{color:#000;font-size:30px}.dashboard_create_add_buttons_container{display:inline-flex;flex-direction:row;align-items:center;gap:10px;border-radius:20px}.dashboard_create_add_buttons_container button{list-style:none;height:35px;width:85px;font-size:13px;font-weight:700;color:#fff;border:none;border-radius:20px}.dashboard_create_add_buttons_container button:hover{cursor:pointer}#dashboard_create_expense_button{background-color:#24cea4}#dashboard_add_friend_button{background-color:#ff4f03}.dashboard_expenses_summary_container{display:flex;flex-direction:row;justify-content:space-around;align-items:center;font-size:20px;font-weight:700;background-color:#d7d7d7;height:75px}.dashboard_body_titles{display:flex;flex-direction:row;justify-content:space-around;font-size:24px;gap:35px}.dashboard_owe_and_owed_container{display:flex;flex-direction:row;justify-content:space-around;margin-right:20px}.dashboard_owe_and_owed_container .dashboard_you_owe_container{width:450px}.dashboard_body_created_amount{display:flex;justify-content:space-between;width:100%;margin-bottom:10px;font-size:20px;font-weight:700}.dashboard_settle_details_container{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:20px}.dashboard_settle_details_container button{height:30px;width:90px;border:none;border-radius:20px;list-style:none;font-size:14px;font-weight:700;cursor:pointer;color:#fff}#dashboard_settle_button{background-color:#24cea4}#dashboard_you_owe_details_button{background-color:#ff4f03}.dashboard_you_are_owed_container{width:450px}.dashboard_you_are_owed_user_expenses{display:flex;justify-content:space-between;width:100%;margin-bottom:10px;font-size:20px;font-weight:700}.dashboard_you_are_owed_details_container{padding-bottom:20px}.dashboard_you_are_owed_details_container button{color:#fff;border-radius:20px;background-color:#24cea4;height:30px;width:90px;border:none;list-style:none;font-size:14px;font-weight:700;cursor:pointer}.divider{display:flex;width:2px;background-color:#d7d7d7}._container_1iz58_1{display:flex;flex-direction:column;align-items:center;padding:20px;font-family:Arial,sans-serif;max-width:50%;margin:auto}._header_1iz58_11{font-size:18px;font-weight:700;margin-bottom:10px}._headerContainer_1iz58_17{display:flex;width:100%;max-width:750px;justify-content:space-between;align-items:center}._totalAmount_1iz58_25{width:100%;max-width:750px;background-color:#ddd;padding:15px;border-radius:8px;text-align:center;font-size:20px;font-weight:700;color:#ff4f03;margin-bottom:15px}._totalText_1iz58_38{color:#000}._oweSection_1iz58_42{width:50%;max-width:375px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px;background-color:#fff;border-radius:8px;margin-top:5px}._oweSectionDetails_1iz58_55{display:flex;justify-content:space-around;align-items:center;width:100%}._youOweText_1iz58_62{width:50%;max-width:375px;display:flex;font-weight:700;justify-content:left}._oweAmount_1iz58_71{font-size:16px;font-weight:700;color:#d9534f}._settleButton_1iz58_77{background-color:#20c997;max-height:30px;width:70px;color:#fff;border:none;padding:8px 12px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:700;list-style:none}._settleButton_1iz58_77:hover{background-color:#4cae4c}._details_1iz58_95{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#e0e0e0;width:50%;max-width:375px;padding:10px;border-radius:8px;margin:5px}._participants_1iz58_108{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#e0e0e0;width:50%;max-width:375px;padding:10px;border-radius:8px}._participant_1iz58_108{font-size:14px;margin-bottom:5px}._viewComments_1iz58_125{background-color:#20c997;color:#fff;padding:8px 12px;margin-bottom:15px;border-radius:25px;text-align:center;cursor:pointer;font-weight:700;display:flex}._container_7essn_1{display:flex;flex-direction:column;align-items:center;padding:20px;font-family:Arial,sans-serif;max-width:50%;margin:auto}._headerContainer_7essn_11{display:flex;width:100%;max-width:750px;justify-content:space-between;align-items:center}._header_7essn_11{font-size:18px;font-weight:700;margin-bottom:10px}._totalAmount_7essn_26{display:flex;justify-content:space-evenly;align-items:center;width:100%;max-width:750px;background-color:#ddd;padding:15px;border-radius:8px;text-align:center;font-size:20px;font-weight:700;color:#ff4f03;margin-bottom:15px}._totalText_7essn_43{color:#000}._details_7essn_47{background-color:#ddd;color:#000;width:50%;max-width:500px;padding:10px;border-radius:8px;margin:5px}._totalAmountLeft_7essn_58{width:50%}._owesYouSection_7essn_63{width:100%;max-width:375px;display:flex;flex-direction:column;background-color:#fff;padding:15px;border-radius:8px;margin:10px 0}._owesYouHeader_7essn_75{font-size:16px;font-weight:700;margin-bottom:10px}._participantRow_7essn_81{display:flex;justify-content:space-between;align-items:center;padding:10px 0}._participant_7essn_81{display:flex;align-items:center;justify-content:space-evenly;justify-self:left;width:100%}._participantAmount_7essn_98{font-size:16px;font-weight:700;color:#d9534f}._deleteButton_7essn_104{background-color:#ff7043;color:#fff;border:none;padding:6px 10px;border-radius:25px;cursor:pointer;font-size:14px}._deleteButton_7essn_104:hover{background-color:#d9534f}._buttonContainer_7essn_118{display:flex;justify-content:space-between;width:100%;max-width:750px;margin-top:15px}._deleteExpense_7essn_127{background-color:#ff5722;color:#fff;padding:12px 15px;font-size:14px;font-weight:700;border:none;border-radius:25px;cursor:pointer;width:48%;max-width:250px}._deleteExpense_7essn_127:hover{background-color:#e64a19}._updateExpense_7essn_144{background-color:#20c997;color:#fff;padding:12px 15px;font-size:14px;font-weight:700;border:none;border-radius:25px;cursor:pointer;width:48%;max-width:250px}._updateExpense_7essn_144:hover{background-color:#17a589}._viewComments_7essn_161{background-color:#20c997;color:#fff;padding:8px 12px;margin-bottom:15px;border-radius:25px;text-align:center;cursor:pointer;font-weight:700;display:flex}._modal_1boya_7{width:400px;border-radius:5px;background-color:#fff;box-shadow:0 2px 10px #0000001a}._header_1boya_16{display:flex;justify-content:left;align-items:center;background-color:#ff4f03;color:#fff;border-radius:8px 8px 0 0}._title_1boya_26{font-size:24px;font-weight:700}._close_1boya_31{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}._section_1boya_39{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;margin:20px 0}._section-title_1boya_48{font-size:18px;margin-bottom:10px}._input_1boya_53{width:100%;padding:10px;margin-bottom:10px;border:1px solid #cccccc;border-radius:4px}._error_1boya_61{color:red;font-size:14px}._button-container_1boya_66{display:flex;justify-content:space-evenly;margin-top:20px;margin-bottom:30px}._button_1boya_66{font-size:15px;padding:10px 20px;border:none;border-radius:25px;color:#fff;cursor:pointer}._button_1boya_66._close_1boya_31{background-color:#24cea4}._button_1boya_66._delete_1boya_86{background-color:#ff4f03}._modal_1ijgx_7{width:400px;border-radius:5px;background-color:#fff;box-shadow:0 2px 10px #0000001a}._header_1ijgx_16{display:flex;align-self:center;justify-content:space-between;align-items:center;background-color:#ff4f03;color:#fff;border-radius:8px 8px 0 0}._title_1ijgx_27{font-size:24px;font-weight:700}._close_1ijgx_32{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}._section_1ijgx_40{margin:20px 0}._section-title_1ijgx_44{font-size:18px;margin-bottom:10px}._updateInput_1ijgx_49{display:flex;justify-content:center;width:80%;margin-left:30px;padding:10px;margin-bottom:10px;border:1px solid #cccccc;border-radius:4px}._updateParticipantDetail_1ijgx_61{display:flex;justify-content:center}._error_1ijgx_66{color:red;font-size:14px}._button-container_1ijgx_71{display:flex;justify-content:space-evenly;margin-top:30px;margin-bottom:20px}._button_1ijgx_71{font-size:15px;padding:10px 20px;border:none;border-radius:25px;color:#fff;cursor:pointer}._button_1ijgx_71._close_1ijgx_32{background-color:#ff4f03}._button_1ijgx_71._update_1ijgx_49{background-color:#24cea4}.comment-card{background-color:#f5f5f5;padding:15px;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 4px #0000001a}.expense-description,.expense-creation{font-family:Times New Roman,Times,serif;color:#000!important;font-weight:400!important;font-size:x-large!important}.comment-author{font-size:16px;font-weight:700;color:#333}.comment-content{font-size:16px;color:#000;font-weight:700}.comment-edit-textarea{width:100%;height:50px;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.comment-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}.btn-edit{background-color:#24cea4;color:#fff;padding:8px 12px;border:none;cursor:pointer;border-radius:20px;font-weight:700;width:120px}.btn-edit:hover{background-color:#54a58a}.btn-delete{background-color:#ff4f03;color:#fff;width:120px;padding:8px 12px;border:none;cursor:pointer;border-radius:20px;font-weight:700}.btn-delete:hover{background-color:#d5561a}.add-comment-modal{background-color:#fff;border-radius:5px;width:350px;height:250px;box-shadow:0 4px 8px #0003;text-align:center}.modal-header{background-color:#24cea4;color:#fff;font-size:18px;text-align:left;margin:0;padding:10px;border-radius:0}.error-message{color:red;font-size:14px;text-align:center;margin-top:5px}.add-comment-form{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:15px}.comment-textarea{width:80%;height:80px;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;margin-top:10px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.btn-add{background-color:#ff4f03;color:#fff;padding:10px 15px;border:none;cursor:pointer;border-radius:20px;font-weight:700;width:120px}.btn-add:hover{background-color:#d5561a}.btn-cancel{background-color:#a5a5a5;color:#fff;padding:10px 15px;border:none;cursor:pointer;border-radius:20px;width:120px;font-weight:700}.btn-cancel:hover{background-color:#8c8c8c}.expense-comments-container{max-width:800px;margin:0 auto;padding:20px}.expense-card{margin-bottom:15px;background-color:#d3d3d3;padding:10px}.expense-title{font-size:18px;font-weight:700;color:#000;margin-right:5px}.expense-description{font-size:18px;font-weight:700;color:#ff4f03!important}.comments-section{margin-top:20px}.expense-comments{list-style:none;padding:0}.add-comment-btn{display:flex;justify-content:flex-start;margin-top:20px}.add-comment-btn button{background-color:#24cea4;color:#fff;padding:10px 20px;font-size:16px;width:170px;border:none;cursor:pointer;border-radius:20px;font-weight:700}.add-comment-btn button:hover{background-color:#54a58a}.user-comments-container{max-width:900px;margin:0 auto;padding:20px}.comments-section{flex:1}.comments-section h2{font-size:20px;font-weight:700;margin-bottom:10px}.user-comments{list-style:none;padding:0}.no-comments-text{text-align:center;font-size:16px;color:#777;margin-top:20px}.friends-and-pending-friend-request h3{font-size:24px}.friends-section-headers{display:flex;justify-content:space-evenly;background-color:#d9d9d9;width:100%;margin-bottom:10px}.friends-and-pending-friend-request{display:flex;justify-content:space-evenly;list-style:none}#divider{border:1px solid #6d6b6b}.friend-card{display:flex;justify-content:space-between;align-items:center;width:500px}.pending-friends-card{display:flex;justify-content:space-between;width:500px}.friends-pending-accept-delete-buttons{display:flex;gap:10px}.friends-and-pending-friend-request button,.friends-pending-accept-delete-buttons button{border-radius:20px;border:none;color:#fff;font-size:14px;font-weight:700;width:90px;height:30px}#friends-delete-button{background-color:#ff4f03}#accept-button{background-color:#24cea4}#pending-friends-delete-button{background-color:#d9d9d9}.remove-friend-modal{background-color:#fff;border-radius:10px;width:400px;height:220px;text-align:left;box-shadow:0 4px 8px #0003}.remove-friend-modal h3{background-color:#ff4f03;color:#fff;font-size:18px;padding:10px;margin:0}.remove-friend-modal p{display:flex;justify-content:center}.error{color:red;font-size:14px;margin:10px 0}.friend-name{font-weight:700;font-size:16px;margin-bottom:10px;text-align:center}.modal-footer{display:flex;justify-content:center;gap:10px;margin-top:30px}.remove-button{background-color:#ff4f03;color:#fff;padding:10px 15px;border:none;cursor:pointer;border-radius:20px;font-weight:700;width:120px}.remove-button:hover{background-color:#d5561a}.close-button{background-color:#a5a5a5;color:#fff;padding:10px 15px;border:none;cursor:pointer;border-radius:20px;font-weight:700;width:120px}.close-button:hover{background-color:#8c8c8c}*{font-family:Arial,Helvetica,sans-serif;border-radius:5px}._modal_6uta0_7{width:400px;padding:20px;border-radius:8px;background-color:#fff;box-shadow:0 2px 10px #0000001a;border:1px solid #ddd}._header_6uta0_16{display:flex;justify-content:space-between;align-items:center;background-color:#ff4f03;color:#fff;padding:10px;border-radius:8px 8px 0 0}._title_6uta0_26{font-size:24px;font-weight:700}._close_6uta0_31{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}._section_6uta0_39{margin:20px 0}._input_6uta0_43{width:95%;padding:10px;margin-bottom:10px;border:1px solid #cccccc;border-radius:4px}._error_6uta0_51{color:red;font-size:14px}._buttonContainer_6uta0_56{display:flex;justify-content:space-between;margin-top:20px}._button_6uta0_56{font-size:15px;padding:10px 20px;border:none;border-radius:25px;color:#fff;cursor:pointer}._button_6uta0_56._cancel_6uta0_71{background-color:#ff4f03}._button_6uta0_56._update_6uta0_75{background-color:#24cea4}._userProfileContainer_mgyq8_2{max-width:75%;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:20px;background-color:#fff;border-radius:10px;text-align:left}._profileSection_mgyq8_13{border-radius:8px;padding:20px}._profileSection_mgyq8_13 h2{border-radius:5px;display:inline-block;font-size:30px}._profileContent_mgyq8_27{display:flex;align-items:start;justify-content:space-between;margin-top:20px;height:800px}._profileAvatarSection_mgyq8_35{display:flex;flex-direction:column;align-items:center;flex-shrink:0;margin-left:20px}._profileIcon_mgyq8_43{font-size:120px;color:#ccc;margin-bottom:10px}._profileDetails_mgyq8_49{flex-grow:1}._profileDetails_mgyq8_49 ._profile_content_subheaders_mgyq8_53{margin:8px 0;font-size:24px}._profileDetails_mgyq8_49 ._profile_content_data_mgyq8_58{font-size:18px;font-weight:500}._profileDetails_mgyq8_49 strong{font-weight:700}._updateProfileButton_mgyq8_68{background-color:#24cea4;color:#fff;border:none;padding:10px 18px;border-radius:20px;font-size:14px;cursor:pointer;list-style-type:none}._updateProfileButton_mgyq8_68:hover{background-color:#1cb394}._profile_content_container_mgyq8_85{padding-bottom:15px}._profileSection_mgyq8_13 ._divider_mgyq8_89{width:100%;border:1px solid black}._profile_content_subheaders_mgyq8_53{font-size:30px}body,html{margin:0;padding:0}._navbar_1vidk_6{display:flex;justify-content:space-between;align-items:center;background-color:#20c997;padding:10px 20px;color:#fff;border-radius:0}._logo_1vidk_16{font-size:20px;font-weight:700}._logo_1vidk_16 a{color:#fff;text-decoration:none}._navRight_1vidk_26{display:flex;align-items:center;gap:15px}._logoutButton_1vidk_32{background-color:#ff5722;color:#fff;padding:8px 12px;border-radius:20px;font-weight:700;border:none;cursor:pointer}._logoutButton_1vidk_32:hover{background-color:#e64a19}._profile_1vidk_46{display:flex;align-items:center;gap:5px;font-weight:700}._profileIcon_1vidk_53{font-size:20px;color:#fff}._authButtons_1vidk_58{display:flex;gap:10px}._authButton_1vidk_58,._demoButton_1vidk_64{background-color:#ff7043;color:#fff;padding:8px 12px;border-radius:20px;font-weight:700;border:none;cursor:pointer;list-style-type:none}._authButton_1vidk_58:hover,._demoButton_1vidk_64:hover{background-color:#d9534f}._profileButtonContainer_18fek_1{position:relative;display:flex;align-items:center}._profileIcon_18fek_7{background:none;border:none;cursor:pointer;color:#fff;font-size:24px;display:flex;align-items:center}._profileIcon_18fek_7:hover{color:#ccc}._profileDropdown_18fek_21{position:absolute;top:40px;right:0;background:white;border-radius:8px;border:2px;border-color:#000;box-shadow:0 4px 6px #0003;list-style:none;padding:10px;min-width:150px;z-index:1000}._profileDropdown_18fek_21 li{padding:4px 12px;cursor:pointer;font-size:14px;text-align:left}._profileDropdown_18fek_21 li:hover{background:#f5f5f5;border-radius:5px}._profileDropdown_18fek_21 button{color:#fff;height:30px;width:100%;border:none;background-color:#24cea4}._userInfo_18fek_56{font-weight:700;padding:5px 12px;color:#333}._profileDropdown_18fek_21 ._logoutButton_18fek_62{background-color:#ff4f03;border:none;color:#fff;font-size:14px;width:100%;text-align:center;padding:8px 12px}._logoutButton_18fek_62:hover{background-color:#a14016;border-radius:5px}.login_form_container{display:flex;flex-direction:column;align-items:center;justify-content:start;height:235px;width:400px}#login_header{display:flex;background-color:#24cea4;color:#fff;margin-bottom:15px}#login_header h2{padding-left:15px;font-size:30px}#login_email_input{width:200px;height:20px;margin-bottom:15px}#login_password_input{width:200px;height:20px;margin-bottom:35px}#sub_header_login{display:flex;justify-content:center;font-size:18px;margin-bottom:20px}.login_form_button{margin-bottom:10px}.login_form_button button{width:200px;background-color:#24cea4;color:#fff;font-size:15px;font-weight:700;padding-top:3px;margin-bottom:8px;height:30px;border:none}.login_form_button button:hover{cursor:pointer}#login_create_new_account{color:#00f;font-size:14px}#login_create_new_account:hover{cursor:pointer}.error{font-weight:700;display:flex;justify-content:center}._friendsListContainer_gt2xk_1{width:100%;max-width:300px;background-color:#f5f5f5;padding:10px;border-radius:8px;font-family:Arial,sans-serif;height:750px;display:flex;flex-direction:column}._addFriendContent_gt2xk_14{position:relative;display:flex;align-items:center;justify-content:center}._plusSign_gt2xk_21{font-size:30px!important;color:#ff4f03;color:#000;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-250%,-55%);z-index:2;cursor:pointer}._addFriendIcon_gt2xk_36{font-size:30px;color:#24cea4;color:#fff}._friendsHeader_gt2xk_54{display:flex;justify-content:space-around;align-items:center;padding-right:10px;padding-left:10px;margin-bottom:10px;font-size:14px;font-weight:700;color:#666;background-color:#d3d3d3}._addFriendButton_gt2xk_69{background:none;border:none;cursor:pointer;font-size:20px;color:#0056b3;list-style-type:none}._addFriendButton_gt2xk_69:hover{color:#006bdd}._friendItem_gt2xk_88{display:flex;align-items:center;padding:8px 0}._profileIcon_gt2xk_95{font-size:20px;color:#999;margin-right:8px}._friendName_gt2xk_101{font-size:14px;color:#333}._message_gt2xk_106{text-align:center;color:#777;font-size:14px}._friendsList_gt2xk_1{list-style:none;padding:0;margin:0}._addFriendButton_gt2xk_69:hover ._addFriendIcon_gt2xk_36{color:#006bdd}._plusSign_gt2xk_21{font-size:20px;font-weight:700;margin-left:10px}._layoutContainer_12nbb_1{display:flex;flex-direction:row;align-items:flex-start;width:100%;height:100vh}._sidebar_12nbb_9{width:250px;flex-shrink:0;padding:10px}._mainContent_12nbb_16{flex-grow:1;padding:20px}