.message-container{opacity:1;box-sizing:border-box;background:#fff;border-radius:24px;grid-template-columns:30vw 1fr 1fr;grid-auto-rows:auto;width:100%;height:100vh;margin-top:15px;padding:0 12px 12px;display:grid;position:relative;overflow:hidden}.message-header-row{display:contents}.message-header{letter-spacing:0;color:#1a1a1a;text-align:left;opacity:1;box-sizing:border-box;border-right:.5px solid #edeeef;flex-shrink:0;grid-column:1/2;align-items:center;height:66px;padding-left:15px;font:700 20px/25px Helvetica Neue,Arial,sans-serif;display:flex}.message-header-right{grid-column:2/4;justify-content:space-between;align-items:center;gap:16px;display:flex}.message-usernameid{letter-spacing:0;color:#1a1a1a;text-align:left;opacity:1;align-items:center;height:66px;padding-left:24px;font:700 20px/25px Helvetica Neue,Arial,sans-serif;display:flex}.message-3dots{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.message-header-border{opacity:1;border:.5px solid #edeeef;flex-shrink:0;grid-column:1/4;width:100%;height:0;margin-bottom:0}.message-container-split-border{display:none}.message-content{display:contents}.message-leftside-contacts{box-sizing:border-box;border-right:.5px solid #edeeef;grid-column:1/2;height:calc(100vh - 206px);padding-top:10px;padding-right:7px;overflow:hidden auto}.message-leftside-contact1,.message-leftside-contact2,.message-leftside-contact3{cursor:pointer;border-radius:16px;align-items:center;margin-bottom:8px;padding:16px;transition:background .2s;display:flex;position:relative}.message-leftside-contact1.message-leftside-contact-selected{background:#f6f6f7}.message-leftside-contact2,.message-leftside-contact3{background:0 0}.message-leftside-contact1-avatar,.message-leftside-contact2-avatar,.message-leftside-contact3-avatar{flex-shrink:0;width:60px;height:60px;margin-right:16px}.message-leftside-contact-avatar-image{object-fit:cover;border-radius:50%;width:60px;height:60px}.message-leftside-contact-content{flex-direction:column;flex:1;min-width:0;display:flex}.message-leftside-contact-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.message-leftside-contact1-usernameid,.message-leftside-contact2-usernameid,.message-leftside-contact3-usernameid{letter-spacing:0;color:#1a1a1a;text-align:left;opacity:1;font:700 16px/19px Helvetica Neue,Arial,sans-serif}.message-leftside-contact1-lasttime,.message-leftside-contact2-lasttime,.message-leftside-contact3-lasttime{letter-spacing:0;color:#939494;text-align:right;opacity:1;margin-left:auto;font:14px/16px Helvetica Neue,Arial,sans-serif}.message-leftside-contact1-lastmsg,.message-leftside-contact2-lastmsg,.message-leftside-contact3-lastmsg{letter-spacing:0;color:#1a1a1a;text-align:left;opacity:1;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font:16px/18px Helvetica Neue,Arial,sans-serif;overflow:hidden}.message-leftside-contact-lastmsg-row{align-items:center;gap:8px;width:100%;display:flex}.message-leftside-contact-newmsg-signal{opacity:1;background:#e13e51;border-radius:50%;flex-shrink:0;width:9px;height:9px}.message-rightside-column{flex-direction:column;grid-column:2/4;height:100%;min-height:0;display:flex}.message-rightside-content{flex-direction:column;flex:1;padding:0 13px;display:flex;overflow:hidden auto}.message-rightside-content-lastdatetime{letter-spacing:0;color:#abacad;text-align:center;opacity:1;width:100%;height:14px;margin-top:0;margin-bottom:8px;font:12px/14px Helvetica Neue,Arial,sans-serif}.message-rightside-content-othermsg1{opacity:1;background:#f6f6f7;border-radius:13px;width:fit-content;min-width:205px;max-width:70%;margin-bottom:8px;padding:12px 16px}.message-rightside-content-othermsg2{opacity:1;background:#f6f6f7;border-radius:13px;width:fit-content;min-width:114px;max-width:70%;margin-bottom:8px;padding:12px 16px}.message-rightside-content-othermsg-text{letter-spacing:0;color:#1a1a1a;text-align:left;opacity:1;font:16px/18px Helvetica Neue,Arial,sans-serif}.message-rightside-content-othermsg-image1{border-radius:13px;width:177px;height:177px;margin-bottom:8px}.message-rightside-content-image{object-fit:cover;width:100%;height:100%}.message-rightside-content-othermsg-time{letter-spacing:0;color:#abacad;text-align:left;opacity:1;width:100%;height:14px;margin-top:0;margin-bottom:4px;margin-left:auto;font:12px/14px Helvetica Neue,Arial,sans-serif}.message-rightside-content-mymsg-time{letter-spacing:0;color:#abacad;text-align:left;opacity:1;width:71px;height:14px;margin-top:0;margin-bottom:4px;margin-left:auto;font:12px/14px Helvetica Neue,Arial,sans-serif}.message-rightside-content-mymsg{opacity:1;background:#f9fafb;border-radius:13px;width:fit-content;min-width:266px;max-width:70%;margin-bottom:8px;margin-left:auto;padding:16px}.message-rightside-content-mymsg-text{letter-spacing:0;color:#1a1a1a;text-align:right;opacity:1;word-wrap:break-word;font:16px/21px Helvetica Neue,Arial,sans-serif}.message-rightside-footer{box-sizing:border-box;align-items:center;gap:12px;width:100%;max-width:100%;margin-top:13px;padding:0 13px;display:flex}.message-rightside-footer-fileicon,.message-rightside-footer-imgicon{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.message-rightside-footer-msg-input{opacity:1;color:#1a1a1a;border:1px solid #dcddde;border-radius:24px;outline:none;flex:1;min-width:0;height:48px;padding:0 16px;font:16px/18px Helvetica Neue,Arial,sans-serif}.message-rightside-footer-msg-input::placeholder{color:#636363}.message-rightside-footer-msg-sendbtn{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .3s;display:flex}.message-rightside-footer-msg-sendbtn:hover{opacity:.8;transform:scale(1.1)}.message-rightside-footer-msg-sendbtn:active{transform:scale(.95)}.message-rightside-footer-fileicon-image,.message-rightside-footer-imgicon-image,.message-rightside-footer-msg-sendbtn-image{object-fit:contain;width:100%;height:100%}.message-content-empty{flex-direction:column;grid-column:1/4;justify-content:flex-start;align-items:center;width:100%;padding-top:140px;display:flex}.empty-message-icon-bg{opacity:1;cursor:pointer;background:#f9fafb;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;margin-bottom:17px;display:flex}.empty-message-icon{opacity:1;width:40px;height:40px}.empty-message-text{letter-spacing:0;color:#939494;text-align:center;opacity:1;width:100%;margin-bottom:8px;font-family:Helvetica Neue,Arial,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:25px}.empty-message-subtext{letter-spacing:0;color:#939494;text-align:center;opacity:1;width:364px;height:38px;font:16px/20px Helvetica Neue,Arial,sans-serif}.message-leftside-contacts::-webkit-scrollbar{width:6px}.message-rightside-content::-webkit-scrollbar{width:6px}.message-leftside-contacts::-webkit-scrollbar-track{background:0 0}.message-rightside-content::-webkit-scrollbar-track{background:0 0}.message-leftside-contacts::-webkit-scrollbar-thumb{background:#c4c4c5;border-radius:3px}.message-rightside-content::-webkit-scrollbar-thumb{background:#c4c4c5;border-radius:3px}.message-leftside-contacts::-webkit-scrollbar-thumb:hover{background:#abacad}.message-rightside-content::-webkit-scrollbar-thumb:hover{background:#abacad}@media (max-width:1200px){.message-container{width:100%;max-width:1101px}.message-container-split-border{left:360px}.message-container{grid-template-columns:280px 1fr 1fr}.message-header{width:280px}.message-leftside-contacts{width:280px;height:auto}}@media (max-width:768px){.message-container{grid-template-columns:1fr;width:100%;height:auto;min-height:400px;padding:0 12px 12px}.message-header-row{flex-direction:column;display:flex}.message-header{border-bottom:.5px solid #edeeef;border-right:none;width:100%}.message-header-right{width:100%;padding:12px 0}.message-content{flex-direction:column}.message-leftside-contacts{border-bottom:.5px solid #edeeef;border-right:none;grid-column:1;width:100%;max-height:300px;margin-bottom:12px;margin-right:0;padding-bottom:12px}.message-rightside-column{grid-column:1;width:100%}.message-rightside-content{grid-column:1;width:100%;padding:12px 0}.message-container-split-border{display:none}.message-rightside-footer{width:100%;margin-top:12px;padding:0}.empty-message-text,.empty-message-subtext{width:100%;max-width:364px;padding:0 16px}}