.side__bar__header{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.side__bar__header__user__info{align-items:center;gap:.5rem;display:flex}.side__bar__header__actions{align-items:center;gap:1rem;display:flex}.icon{cursor:pointer}.logout{color:red}.show__side__bar{display:none}@media (max-width:481px){.show__side__bar{display:block}}.side__bar__search__user{border-bottom:1px solid #ccc;border-radius:.5rem;justify-content:space-around;align-items:center;padding:.25rem .75rem;display:flex}.user_chat{cursor:pointer;padding:.5rem .75rem}.selected_chat{background-color:#b9ffff}.chat__name__container{justify-content:space-between;align-items:center;gap:.25rem;display:flex}
.user__list__container,.new__chat__container{flex-direction:column;gap:.5rem;display:flex}.user__container{cursor:pointer;background:#e8e8e8;border-radius:.25rem;align-items:center;gap:1rem;padding:.5rem;display:flex}.user__container:hover{background-color:#d3d3d3}
.chat__wrapper__container{justify-content:space-between;height:93vh;margin:0 .25rem;display:flex;overflow-y:scroll}.chat__sidebar{flex:1}.chat__sidebar,.chat__container{border:1px solid var(--sidebar-border);height:93vh}.chat__container{flex:2}.users__list{height:93vh;overflow-y:scroll}.user{border:1px solid var(--sidebar-border);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem;display:flex}.user__image{-o-object-fit:contain;object-fit:contain;border-radius:50%}.back__button__chat__room{display:none}@media (max-width:500px){.chat__container__no__selected_chat,.chat__sidebar__selected__chat{display:none}.back__button__chat__room{display:block}}@media (min-width:640px){.chat__wrapper__container{height:100vh}.users__list{height:100vh;overflow-y:scroll}.chat__sidebar,.chat__container{border:1px solid var(--sidebar-border);height:100vh}.no_chat_selected{height:100vh}}
.chat__room{flex-direction:column;height:100vh;display:flex}.chat__content{flex:1;padding:1rem;overflow-y:scroll}.header{border-bottom:1px solid #ccc;padding:1rem}.footer{border-top:1px solid #ccc;padding:.5rem}.chat__input__contaniner{justify-content:space-between;display:flex}.chat__input{border:none;outline:none;width:90%;height:2.5rem}.chat__send__btn{cursor:pointer;background-color:#0000;border:none}.no_chat_selected{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:93vh;padding:1rem;display:flex}
.msg__deliver_status__icon{width:1rem;height:1rem}