.app{display:grid;grid-template-rows:max-content 1fr max-content;padding:2.4rem 3.2rem;width:100vw;height:100vh}@media screen and (min-width: 500px){.app{padding:3.2rem 7.2rem}}.user-info{display:flex;justify-content:space-between;align-items:center}.user-status-wrapper{display:flex;flex-direction:column}.user-status img{border-radius:50%;width:4.8rem;height:4.8rem}.user-status{display:flex;align-items:center;gap:1.6rem}.user-status-wrapper strong{font-size:1.6rem}.user-status-wrapper span{font-size:1.2rem;color:#00b37e;display:flex;gap:.4rem;align-items:baseline}.user-status-wrapper span:before{content:"";width:.8rem;height:.8rem;background-color:#00b37e;border-radius:50%}.user-last-seen{margin-top:2.6rem;text-align:center;font-size:1.2rem}.user-info svg{cursor:pointer}.footer{display:flex;align-items:center;gap:1rem;padding:1.4rem 2.4rem;background-color:#282843;border-radius:999px}.footer input{flex:1;font-size:1.2rem;outline:none;color:#e1e1e6}.footer input::placeholder{color:#e1e1e6}.footer:focus-within{outline:1px #3980D4 solid}.footer button,input{background-color:transparent;border:0}button{cursor:pointer}.main{display:flex;flex-direction:column;gap:3rem;overflow:hidden;padding-bottom:1rem;overflow-y:scroll}.message-container{font-size:1.2rem;display:flex;flex-direction:column;gap:1rem}.main::-webkit-scrollbar{display:none}.message{padding:1.4rem;max-width:60vh;background-color:#633bbc;border-radius:0 .8rem .8rem}.you .message{background-color:#07847e;border-radius:.8rem .8rem 0}.you,.you span{margin-left:auto}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Roboto,sans-serif;font-size:10px;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;background-color:#1a1924;color:#e1e1e6}