body{margin:0;background-image:url(/assets/background.c9096bf8.webp);background-size:cover;box-sizing:border-box}.side-nav{min-width:70px;max-width:70px;height:100vh;min-height:570px;background-color:#fff;z-index:9;box-shadow:0 2px 4px #0f223a1f;display:flex;flex-direction:column;padding:10px 0 15px;box-sizing:border-box;align-items:center;justify-content:space-between}.side-nav div{display:flex;flex-direction:column;justify-content:space-between}.mid-icon{height:60%;color:#6f7178}.bottom-icon{height:10%;color:#6f7178}.side-nav svg{cursor:pointer;font-size:1.7rem}.home-cont{display:flex}.mychat-cont{color:#495057;width:26%;height:100vh;min-width:270px;background-color:#f5f7fb}.search-cont{display:flex;align-items:center;justify-content:center;background-color:#e6ebf5;padding:5px;width:87%;margin:10px auto auto;border-radius:5px}.search-cont svg{margin:0 12px}.search-cont input{outline:none;border:none;background-color:inherit;width:87%;padding:10px;font-size:17px}.notification{display:flex;align-items:center;margin:auto;justify-content:space-between;width:80%}.notification h2{color:#495057;font-family:Public Sans,sans-serif;font-weight:600}.recent-chat{width:100%;margin:auto}.Recent{color:#495057;font-family:Public Sans,sans-serif;font-weight:600;margin-left:20px}.recent-user{overflow-y:scroll;box-sizing:border-box;height:75vh}.recent-user::-webkit-scrollbar{width:10px}.recent-user::-webkit-scrollbar-thumb{background:#c4ccdbb2;border-radius:10px}.user{display:flex;justify-content:space-between;align-items:center;cursor:pointer;height:3.4rem;padding:11px 13px;margin:0 12px}.user:hover,.selectUser{border-radius:7px;background-color:#e6ebf5}.history-cont{display:flex;align-items:center}.name{color:#495057;font-family:Public Sans,sans-serif;font-weight:600;margin-bottom:0;margin-left:14px}.chat{margin-top:0;margin-left:14px;font-size:15px;color:#7a7f9a}.time{font-size:12px}.unseen-chat{font-size:14px;color:#ef476f;background-color:#ef476f2e;border-radius:50%;width:20px;text-align:center}.chattingpage{background-color:#fff;width:70%;box-shadow:0 2px 4px #0f223a1f;height:100vh}.top-header{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #f0eff5}.user-header{display:flex;align-items:center}.user-name{color:#495057;font-family:Public Sans,sans-serif;font-weight:600;margin-left:15px}.user-fet{color:#6f7178;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-right:20px}.live-chat{padding:20px;max-height:77%;height:77%;box-sizing:border-box;overflow-y:hidden;overflow:scroll}.live-chat::-webkit-scrollbar{width:10px}.live-chat::-webkit-scrollbar-thumb{background:#c4ccdbb2;border-radius:10px}.sender-cont{display:flex;border-top:1px solid #f0eff5;align-items:center;padding-top:15px}.react-input-emoji--container{border-radius:0!important;background:none!important;overflow:auto}.send-message{max-height:36px;margin-top:0}.react-input-emoji--input{max-height:32px!important;box-sizing:border-box!important;overflow-y:auto!important}.react-input-emoji--input::-webkit-scrollbar{display:none}.leftuser-chat{display:flex;flex-direction:row-reverse}.rihgtuser-chat{display:flex}.right-avt{display:flex;flex-direction:row-reverse;align-items:center;gap:10px}.left-avt{display:flex;align-items:center;gap:10px}.left-msg{background-color:#7269ef;padding:8px;border-radius:10px;margin:3px}.right-msg{background-color:#f5f7fb;padding:8px;border-radius:10px;margin:3px}.left-msg p{margin:0;color:#fff}.right-msg p{margin:0}.blank-div{margin:20px}.start-msg{display:flex;align-items:center;justify-content:center}.start-msg div{display:flex;align-items:center;flex-direction:column}.start-msg p{color:#7a7f9a;margin:0}.group-people-cont{display:grid;grid-template-columns:repeat(3,1fr)}.group-people{display:flex;align-items:center;gap:10px}svg{cursor:pointer}.auth-cont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:auto;min-width:30rem;background-color:#36393f;border-radius:5px;color:#a8aaaf}.auth-heading{color:#fff;text-align:center;font-size:1.8rem}.inputcom{background-color:#202225;width:90%;height:2.3rem;border:none;color:#fff;outline:none;font-size:17px}#photo{border-radius:50%;width:110px;height:110px;cursor:pointer}.profile-pic{position:relative;margin:auto;border-radius:50%;overflow:hidden;width:23%}#file{display:none}.details-cont{display:flex;flex-direction:column;align-items:center}.details-cont p{margin-top:8px;width:90%;margin-bottom:10px}.details-cont button{margin-top:12px;width:90%}.auth-link{width:90%;color:#099bd6;margin-top:5px;text-decoration:none}.contract{font-size:.8rem;padding-bottom:1rem}.contract span{color:#099bd6}.profile-text{text-align:center;margin-top:0}body{margin:0;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}