.chat-page{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:#fff}.chat-container{display:grid;background-color:blue;width:80%;height:80vh;padding:16px;border-radius:8px;grid-template-columns:1fr 3fr;overflow:hidden}.search{width:100%;border-radius:6px;height:36px;color:#000;padding:4px 8px}.contact-container{height:inherit;display:grid;gap:12px}.contact-scroll{overflow:auto;display:grid;gap:8px}.contact-scroll::-webkit-scrollbar{width:10px}.contact-container{padding-right:12px}.contact-info{display:grid;grid-template-columns:1fr 5fr;padding:6px;border-radius:6px;background-color:hsla(0,0%,100%,.4)}.contact-details{display:grid}.message-container{background-color:rgba(0,0,0,.5)}