.sidebar{background-color:#f5f5f5f5;border-right:1px solid #d3d3d3;display:flex;flex:0.30 1;flex-direction:column;height:100vh}.sidebar-avatar{cursor:pointer;margin:10px}.sidebar-header{height:50px;padding:10px}.sidebar-header,.sidebar-input{align-items:center;display:flex}.sidebar-input{background-color:#e1e1e1e1;border-radius:5px;color:gray;flex:1 1;justify-content:center}.sidebar-input>input{background:transparent;border:none;outline-width:0}.sidebar-chats{overflow:scroll}.sidebar-chats::-webkit-scrollbar{display:none}.sidebar-chats{-ms-overflow-style:none;scrollbar-width:none}.sidebarChat{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;padding:20px}.sidebarChat:hover{background-color:orchid;color:#fff}.sidebarChat-info{margin-left:15px;position:relative;width:100%}.sidebarChat-info>small{position:absolute;right:0;top:5px}.chat,.imessage{display:flex}.chat{background-color:#fff;flex:0.7 1;flex-direction:column;height:100vh}.chat-header{background-color:#f5f5f5f5;border-bottom:1px solid #d3d3d3;display:flex;justify-content:space-between;padding:20px}.chat-header>h4{color:gray;font-weight:500}.chat-Name{color:#000}.chatInput{align-items:center;border-color:#d3d3d3 #f5f5f5 #f5f5f5;border-top:1px solid #f5f5f5;display:flex;padding:10px 20px}.chatInput>form{flex:1 1}.chatInput>form>input{border:1px solid #d3d3d3;border-radius:999px;outline-width:0;padding:5px;width:98%}.chatInput>form>button{display:none}.chat-msg{flex:1 1;overflow:scroll}.chat-msg ::-webkit-scrollbar{display:none}.chat-msg{-ms-overflow-style:none;scrollbar-width:none}.message{align-items:center;display:flex;justify-content:center;margin:15px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message>p{background-color:#f3f3f5;border-radius:20px;font-size:medium;margin:10px auto 10px 10px;padding:15px}.message>small{bottom:-5px;color:gray;font-size:8px;position:absolute;right:0}.message-sender{margin-left:auto}.message-sender>.message-photo{margin:15px;order:1}.message-photo{order:0}.message-sender>p{background-color:#f583c3;color:#fff}.message-sender>small{bottom:-10px;left:10px}.login{height:100vh;width:100%}.login,.login-chat{display:grid;place-items:center}.login-chat{grid-gap:30px;gap:30px}.login-chat>img{height:150px;object-fit:contain}.login-chat>button{background-color:#3ea4fb;border:none;color:#fff;cursor:pointer;font-weight:800;padding:10px;width:300px}.login-chat>button:hover{background-color:#c13584}.chat-title{color:#c13584;font-family:Nabla,cursive}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.ee1935e9.css.map*/