.Chat_chatContainer__3_OLQ{display:flex;height:100vh}.Chat_firstslide__mwaVB,.Chat_sidebar__8j_mx{width:30%;background-color:#1a2236;display:flex;border:1px solid hsla(0,0%,100%,.5)}.Chat_firstslide__mwaVB{align-items:center;gap:30px;flex-direction:column;padding:10px 0}.Chat_firstslide__mwaVB img{width:30px;cursor:pointer}.Chat_firstslide__mwaVB img:hover{cursor:pointer;background-color:#293145}.Chat_secondslide__XHdeX{width:100%;padding:15px;overflow-y:auto;flex-direction:column}.Chat_searchInput__WHrtd{width:100%;padding:5px;height:50px;border:1px solid hsla(0,0%,100%,.5);border-radius:8px;margin-bottom:20px;background-color:#1a2236;color:#fff}.Chat_friendItem__ZlGYn{display:flex;height:80px;border-bottom:1px solid hsla(0,0%,100%,.5);align-items:center;padding:10px 0;cursor:pointer}.Chat_friendAvatar__3Zxwv{padding:15px;border:1px solid #fff;border-radius:50%}.Chat_friendName__PU3fF{color:#fff;padding:10px;font-weight:700}.Chat_chatArea__peroQ{background-color:#000;display:flex;flex-direction:column}.Chat_chatHeader__cTuV4{border:1px solid hsla(0,0%,100%,.5);display:flex;justify-content:space-between;padding:20px;background-color:#1a2236;align-items:center}.Chat_icons___IZdI{display:flex}.Chat_chatHeader__cTuV4 .Chat_icons___IZdI img{padding:5px;border-radius:20px;border:1px solid hsla(0,0%,100%,.112);width:35px;height:32px;margin-left:15px}.Chat_intro__gB65T{font-size:17px;color:#faebd7;font-family:sans-serif;font-weight:700}.Chat_messages__JhY9K{flex:1;padding:20px;overflow-y:auto;border:1px solid hsla(0,0%,100%,.5);background-color:#1a2236;display:flex;flex-direction:column}.Chat_messageSender__VIGsX{align-self:flex-end;background-color:#0a80ff}.Chat_messageReceiver__zgflW,.Chat_messageSender__VIGsX{color:#fff;border-radius:15px;padding:10px;margin:5px 0;max-width:60%;word-wrap:break-word;position:relative}.Chat_messageReceiver__zgflW{align-self:flex-start;background-color:#293145}.Chat_timestamp__nO5_S{font-size:.8em;color:#a19999;margin-left:8px}.Chat_messageReceiver__zgflW .Chat_timestamp__nO5_S{left:10px;right:auto}.Chat_inputArea__aDzaw{border:1px solid hsla(0,0%,100%,.5);display:flex;padding:20px;background-color:#1a2236}.Chat_inputArea__aDzaw input{flex:1;padding:10px;border-radius:8px;border:1px solid hsla(0,0%,100%,.5);background-color:#1a2236;color:#fff}.Chat_inputArea__aDzaw button{margin-left:10px;background-color:#3a94f5;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer}.Chat_sidebar__8j_mx{width:300px;transition:transform .3s ease}.Chat_sidebar__8j_mx.Chat_show__ZT3l4{transform:translateX(0)}.Chat_chatArea__peroQ{flex:1;transition:margin-left .3s ease}@media (max-width:768px){.Chat_sidebar__8j_mx{position:relative;width:100%;height:90vh;z-index:1000;transform:translateX(-100%)}.Chat_sidebar__8j_mx.Chat_show__ZT3l4{transform:translateX(0)}.Chat_chatContainer__3_OLQ{height:96vh;border-radius:20px;margin-top:10px}.Chat_chatArea__peroQ{display:none;width:100%}.Chat_chatArea__peroQ.Chat_show__ZT3l4{padding-top:10px;margin-left:-100%;display:block}.Chat_messages__JhY9K{height:66vh}}.CustomEmoji_container__Nmk_5{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:12px;border:1px solid #0056b3;max-width:500px;margin:auto}.CustomEmoji_h1__vJjlw{font-family:Poppins,sans-serif;color:#333;margin-bottom:20px}.CustomEmoji_inputField__iTgOb{padding:10px;margin:10px 0;border:2px solid #ddd;border-radius:8px;font-size:16px;width:30%}.CustomEmoji_uploadBtn__UlOJN{margin-bottom:20px}.CustomEmoji_optionsContainer__K_esz{margin-top:10px;display:flex;flex-direction:column;align-items:center}.CustomEmoji_buttons__7rRh8{padding:10px;margin:5px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.CustomEmoji_first__YgD5y{display:flex}.CustomEmoji_buttons__7rRh8:hover{background-color:#45a049}.CustomEmoji_canvas__AlqmR{margin:20px 0;border:2px solid #ddd;border-radius:8px}.CustomEmoji_controlButtons__wTjI2 button{padding:10px 20px;margin:5px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.CustomEmoji_controlButtons__wTjI2 button:hover{background-color:#0056b3}.CustomEmoji_controlButtons__wTjI2{display:flex;justify-content:center;gap:10px}.CustomEmoji_savedEmojis__lf87k{margin-top:20px}.CustomEmoji_emojiList__CR6Ow{display:flex;gap:10px}.CustomEmoji_emojiItem__XlDyK{display:flex;flex-direction:column;align-items:center}.CustomEmoji_emojiImg__3P8Bl{width:50px;height:50px;border-radius:8px}