*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.login{display:grid;place-items:center;height:100vh;width:100%}.login__logo{text-align:center}.login__logo>img{object-fit:contain;height:150px}.login__logo>button{width:300px;background-color:#04be27;color:#eff2f5;font-weight:800;margin-top:50px}.login__logo>button:hover{background-color:#51f06c;color:#04be27}.sidebar{flex:0.35 1;height:100vh;display:flex;flex-direction:column;border-right:1px solid #d3d3d3;background-color:#f5f5f5}.sidebar__header{display:flex;align-items:center;padding:10px;height:50px}.sidebar__avatar{cursor:pointer;margin:10px}.sidebar__input{display:flex;align-items:center;justify-content:center;background-color:#e1e1e1;border-radius:5px;color:grey;flex:1 1}.sidebar__input>input{border:none;outline:none;background:transparent}.sidebar__chats{overflow:scroll}.sidebar__chats::-webkit-scrollbar{display:none}.sidebarChat{display:flex;padding:20px;cursor:pointer;border-bottom:1px solid #dfdfdf;align-items:center}.sidebarChat:hover{background-color:#ebebeb}.sidebarChat__info{display:flex;flex-direction:column;margin-left:15px}.sidebarChat__info>h2{font-size:16px}.chat,.iMessage{display:flex}.chat{flex-direction:column;flex:0.65 1;height:100vh;background-color:#fff}.chat__header{padding:20px;display:flex;justify-content:space-between;border-bottom:1px solid #d3d3d3;background-color:#f5f5f5}.chat__header>h4{font-weight:500;color:grey}.chat__header>h4>span{color:#000}.chat__input{display:flex;padding:10px 20px;border-top:1px solid #d3d3d3;background-color:#f5f5f5}.chat__input>form{flex:1 1}.chat__input>form>input{width:98%;outline-width:0;border:1px solid #d3d3d3;border-radius:999px;padding:10px}.chat__input>form>button{display:none}.chat__body{flex:1 1}.message{display:flex;align-items:center;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:20px;justify-content:space-between;margin:15px;word-wrap:break-word}.message>p{background-color:#f3f3f5;font-size:medium;padding:15px;border-radius:20px;margin:10px auto 10px 10px;max-width:50vw}.message>small{color:grey;font-size:8px;order:1}.message__sender{margin-left:auto}.message__sender>.message__photo{order:1;margin:15px}.message__photo{order:0}.message__sender>p{background-color:#3cabfa;color:#fff}
/*# sourceMappingURL=main.3b507b58.chunk.css.map */