body{font-family:"Lato",sans-serif!important;background:linear-gradient(to bottom left,#79c7c5 40%,#fff);-webkit-align-items:center;align-items:center;height:100vh;width:100vw;overflow-x:hidden}.main,body{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.main{height:85vh;width:90vw;z-index:20;background-color:#fff!important;border-radius:1rem;box-shadow:-.3125rem .3125rem .62rem #79c7c5}.side-bar{width:5vw;padding:1rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.side-bar--button:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition:all .5s}.profile-bar{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;padding-bottom:.5rem}.profile-barAvatar--image{vertical-align:center;width:5vh;border-radius:50%}.search-bar{padding-bottom:1rem}.search-barInput{border:2px solid #bee3e4;outline:none;border-radius:2rem;box-sizing:border-box;padding-left:1rem;width:100%}.friends-bar{-webkit-flex-direction:column;flex-direction:column;overflow-y:auto;cursor:pointer}.friends-bar,.friends-bar-single{display:-webkit-flex;display:flex}.friends-bar-single{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;margin:.4rem 0}.friends-bar-single1:active{background-color:#f3f3f3}.friends-bar-single--text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-left:1rem}.friends-bar-single--textName{font-weight:700}.dropdown-toggle{border:none!important;color:#bee3e4!important;background:transparent!important}.chat-area{width:95vw;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch}.chat-area,.profile-bar--chat{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.profile-bar--chat{padding-top:.4rem;-webkit-align-items:center;align-items:center;padding-left:1rem;padding-right:1rem;height:10vh;background-color:#f5f5f5}.profile-barAvatarChat--image{vertical-align:center;width:6vh;border-radius:50%}.profile-barLeft--chat{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.profile-bar--text{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-left:1.5rem}.chat-area--input{width:80%;outline:none;border:2px solid #bee3e4;border-radius:2rem;box-sizing:border-box;padding-left:1rem}.chat-area--inputArea{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;height:10vh;background-color:#f5f5f5}.chat-area--button{border:none;background:transparent}.chat-area--button:hover{-webkit-transform:scale(1.4);transform:scale(1.4);transition:all .3s}.chat-area--buttonIcon{fill:#bee3e4;font-size:2.2rem;cursor:pointer}.chat-area--buttonIcon:hover{fill:#69cfd3}.chat-area--messages{height:80vh;background-color:#e6f4f6;overflow-y:scroll}.bubble{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;word-break:break-word;margin-bottom:.3125rem;color:#fff;font-size:.8rem;padding:.625rem .625rem .625rem .75rem;width:25vw;border-radius:1.25rem}.msg_sender{font-weight:bolder;color:#615d5d}.message-time{font-size:small;color:#615d5d}.incoming{display:-webkit-flex;display:flex;padding:1rem;-webkit-flex-direction:column;flex-direction:column}.incoming>.bubble{background:#a9b5b4}.outgoing{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end;padding:1rem}.outgoing>.bubble{background:#79c7c5}.chakra-button{outline:none}::-webkit-scrollbar{width:5px}.chakra-icon{cursor:pointer}.logout-button{fill:#79c7c5;font-size:1.5rem;cursor:pointer}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#bee3e4}.loginPage{height:20vh;width:20vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}
/*# sourceMappingURL=main.33042e7c.chunk.css.map */