*,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}.app{background-color:#0e0b0b;height:100vh;display:grid;place-items:center}.app__body{border-radius:10px;border:3px inset #fff;display:-webkit-flex;display:flex;background-color:#000;height:600px;width:325px;box-shadow:-1px 4px 60px -6px #5a1e64;transition:all 2s}.app__body:hover{border-radius:10px;box-shadow:-1px 4px 40px -6px #110f64;cursor:pointer}.header{background-color:#26252c;height:80px;width:325px;border-radius:5px}.headertop{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;color:#868585}.headertop>h2{margin-top:2px;margin-left:30px}.headertop__avatar{padding:5px}.MuiSvgIcon-root{color:#868585}.headerbottom{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;color:#fff;height:29px}.headerbottom__chat{color:#228864;border-bottom:3px solid #228864}.headerbottom__add,.headerbottom__chat{font-weight:700;text-transform:uppercase;margin-top:5px}.headerbottom__add{margin-right:10px;color:#868585}.headerbottom__add:hover{color:#228864;border-bottom:3px solid #228864}.sidebarchat{color:#fff;display:-webkit-flex;display:flex;padding:15px 10px 2px;width:305px}.sidebarchat:hover{background-color:#464444}.sidebarchat__in{width:100%;border-bottom:1px solid #636060}.sidebarchat__info{margin-left:15px}.sidebarchat__info>p{font-size:13px;font-family:"Fira Sans",sans-serif;color:#9e9c9c}.sidebarchat__info>h6{font-size:15px;font-family:"Inter",sans-serif;color:#e2dfdf}a{text-decoration:none!important;color:#000}.sidebar{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.sidebar__chat{-webkit-flex:1 1;flex:1 1;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.sidebar__chat::-webkit-scrollbar{display:none}.login{background-color:#0f2831;height:100%;width:100%;display:grid;border-radius:10px;place-items:center}.login__container{margin-top:130px;height:100%;text-align:center}.login__logo{height:100px;object-fit:contain}.login__container>.login__text{margin-top:300px}.login__container>.login__text>Button{color:#fcf9f9;background-color:#1bac5f}.login__container>.login__text>Button:hover{background-color:#1bac5f}.chat{color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.chat__header{width:315px;padding:5px;-webkit-justify-content:space-between;justify-content:space-between;background-color:#232424;border-radius:8px}.chat__header,.chat__headerAvatar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.chat__headerAvatar>.MuiSvgIcon-root{color:#f0f2f1}.chat__headerInfo{-webkit-flex:1 1;flex:1 1;padding-left:10px}.chat__headerRight{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:5px}.chat__headerRight>.MuiSvgIcon-root{color:#f0f2f1;padding:5px}.chat__headerInfo>div{font-family:"Inter",sans-serif;font-size:17px;font-weight:500}.chat__headerInfo>p{font-size:13px;color:#a0a0a0}.chat__body{-webkit-flex:1 1;flex:1 1;background-image:url(https://pbs.twimg.com/media/ESSNRoHX0AEDzpH.jpg);background-repeat:no-repeat;background-position:50%;padding:6px;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.chat__body::-webkit-scrollbar{display:none}.chat__message{position:relative;font-size:15px;padding:9px;border-radius:0 7px 7px 7px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#232424;margin-bottom:2px;border-left:3px solid #e6b17e}.chat__receiver{margin-left:auto;background-color:#06452d;border-radius:7px 0 7px 7px;border-left:0 solid #e6b17e;border-right:3px solid #e6b17e}.chat__name{position:absolute;top:0;font-weight:700px;font-size:xx-small;color:#e6b17e}.chat__timestamp{margin-left:12px;font-size:xx-small;color:#c2c4c4}.chat__footer{-webkit-justify-content:space-between;justify-content:space-between;height:60px;background-color:#212121}.chat__footer,.chat__footerFrom{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.chat__footerFrom{padding:5px;-webkit-flex:1 1;flex:1 1;height:37px;background-color:#282928;border-radius:50px}.chat__footerFrom>form{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;height:35px}.chat__footerFrom>.MuiSvgIcon-root{color:#a8a8a8;padding:5px}.chat__footerFrom>form>input{background-color:transparent;border:none;color:#fff;-webkit-flex:1 1;flex:1 1}.chat__footerFrom>form>input:focus{outline:none}.chat__footer>button{width:45px;height:45px;background-color:#64b090;border-radius:50%;border:none;margin-left:2px;cursor:pointer}.chat__footer>button>.MuiSvgIcon-root{color:#f2f0f0;margin-left:4px;margin-top:2px}
/*# sourceMappingURL=main.6bec30f2.chunk.css.map */