._sidebar_dueas_1{background-color:#696969;color:#fff;display:none;justify-content:center}._isVisible_dueas_8{display:flex}._container_dueas_12{display:flex;flex-direction:column}._empty_dueas_17{flex:1}._roomList_dueas_21{margin:20px 0;display:flex;flex-direction:column;gap:10px}._newRoomForm_dueas_28{display:grid;grid-template-columns:1fr max-content max-content;gap:10px;align-items:center}._newRoomForm_dueas_28,._openFormButton_dueas_36{height:40px;margin-top:10px}._profile_dueas_41{display:flex;flex-direction:column;align-items:center;gap:20px}._profileButton_dueas_48{background-color:silver;padding:10px;font-size:1rem;display:flex;flex-direction:column;gap:10px;align-items:center}._logoutSvg_dueas_58{height:24px}@media (min-width: 600px){._sidebar_dueas_1{display:flex;justify-content:start}}._messageBox_cv6vs_1{padding:20px;border-radius:20px;background-color:#696969;color:#fff}._timestamp_cv6vs_8{text-align:center;margin-bottom:10px}._userBox_cv6vs_13{display:grid;grid-template-columns:max-content 1fr;gap:10px;align-items:center}._messageContent_cv6vs_20,._buttonRow_cv6vs_21,._messageUpdate_cv6vs_22{margin-top:20px}._messageImage_cv6vs_26{width:500px;height:auto;margin-top:10px;border-radius:10px}._buttonRow_cv6vs_21{display:flex;gap:10px}._chat_10kgx_1{background-color:silver;flex-direction:column;display:none}._isVisible_10kgx_7{display:flex}._messageList_10kgx_11{display:flex;flex-direction:column;overflow-y:auto;gap:30px;flex:1}._empty_10kgx_19{flex:1}._currentUserMessage_10kgx_23{align-self:flex-end}._notCurrentUserMessage_10kgx_27{align-self:flex-start}._messageForm_10kgx_31{display:grid;grid-template-columns:max-content 1fr max-content;justify-content:center;gap:10px;margin-top:20px}._messageImage_10kgx_39{position:relative;margin-top:20px;width:max-content}._messageImage_10kgx_39 img{max-width:300px;max-height:300px;position:relative}._messageImage_10kgx_39 button{position:absolute;top:10px;right:10px}._sendButton_10kgx_57:disabled{fill:gray}@media (min-width: 1200px){._chat_10kgx_1{height:100vh}}._userList_s913k_1{background-color:#696969;color:#fff;display:none}._isVisible_s913k_7{display:block}._listSegment_s913k_11{display:flex;flex-direction:column;gap:10px;margin:20px 0}._userButton_s913k_18{display:flex;align-items:center;gap:10px;width:100%;font-size:1rem;background-color:silver;border:none}@media (min-width: 1200px){._userList_s913k_1{display:block}}._profile_nxekl_1{border-radius:20px;border:none;max-width:600px;padding:30px;background-color:#696969;color:#fff;position:relative}._imageAndName_nxekl_11{display:flex;align-items:center;gap:20px;margin-right:50px}._buttons_nxekl_18{display:flex;gap:10px;align-items:center;margin:20px;justify-content:center}._closeButton_nxekl_26{position:absolute;top:30px;right:30px}._bioInput_nxekl_32{width:100%}._pmButton_nxekl_36{margin-top:20px}._deleteConfirm_nxekl_40{text-align:center}._container_1h2jr_1{height:100%;display:grid;justify-items:center;align-items:center}._form_1h2jr_8{width:max-content;font-size:1.2rem}._fields_1h2jr_13{display:grid;grid-template-columns:max-content 1fr;gap:10px;align-items:center}._fields_1h2jr_13 label{text-align:end}._signUp_1h2jr_24{text-align:center}._fields_1h2jr_13,._signUp_1h2jr_24{margin-bottom:30px}._submitButton_1h2jr_32{display:block;margin:auto;font-size:1.2rem}:root,body,#root{height:100%}:root{font-family:Arial,Helvetica,sans-serif;background-color:silver}body,h1,h2,p,ul{margin:0}.navbar{background-color:gray;display:flex;justify-content:space-between;padding:10px;position:sticky;top:0}.navbar button{width:29px;height:29px;padding:5px}aside,main{padding:30px;box-sizing:border-box;height:calc(100vh - 49px)}h1{text-align:center}textarea{font:inherit}ul{list-style-type:none;padding:0}button{cursor:pointer;background-color:#fff;border-radius:5px;border:none;padding:5px 10px}label{cursor:pointer}.profilePicture{width:50px;height:50px;object-fit:cover;border-radius:50%}.svgButton{width:34px;height:34px;padding:5px;border-radius:50%}@media (min-width: 600px){.sidebarButton{display:none}.userListButton{margin-left:auto}.app{display:grid;grid-template-columns:1fr 2fr}}@media (min-width: 1200px){.navbar{display:none}.app{grid-template-columns:1fr 2fr 1fr}aside,main{height:100vh}}
