.auth{height:100vh;width:100vw}.auth,.auth__box{align-items:center;display:flex;justify-content:center}.auth__box{border-radius:10px;box-shadow:0 0 5px -2px rgba(0,0,0,.64);flex-direction:column;height:280px;width:280px}.auth__box-text{font-size:1.25rem;margin-bottom:2.5%}.auth__box-button,.auth__box-text{-webkit-user-select:none;-ms-user-select:none;user-select:none}.auth__box-button{background-color:var(--main-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.75rem;padding:6px}.chatApp{display:flex;height:100vh;width:100%}.navbar{background-color:var(--background-color);height:100%;width:280px}.navbar__header{justify-content:space-between;margin-bottom:2rem}.contact,.navbar__header{align-items:center;display:flex;padding:.25rem}.contact{cursor:pointer;transition:.2s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.contact:hover{background-color:hsla(0,0%,87%,.425);border-radius:5px}.chat{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding-block:.25rem;padding-inline:2rem;width:calc(100% - 280px)}.chat__header{background-color:#fff;display:flex;z-index:1000}.chat__log{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-block:.5rem}.chat__log::-webkit-scrollbar{display:none}.chat__input-div{width:100%}.chat__input{border:1px solid rgba(0,0,0,.33);font-size:1.25rem;margin-bottom:.5rem;outline:none;width:100%;z-index:1000}.chat__input,.message{border-radius:5px;padding:.25rem}.message{margin-block:.25em;max-width:280px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message p{display:flex;flex-direction:column;padding-inline:.5rem}.message__text{font-size:1.25rem;font-weight:400}.message__title{font-size:1rem;font-weight:300}.sent{align-self:flex-end;background-color:var(--main-color);color:#fff;display:flex}.received{background-color:#dfdfdf;color:#000}.received .message__title{color:var(--main-color)}*{box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:0;padding:0}:root{--background-color:#fff;--main-color:#7a2fc5}.app__contact-title{font-weight:400;overflow:hidden;padding-inline:.5rem;text-overflow:ellipsis;white-space:nowrap;width:100%}.app__icon{color:#7a2fc5;color:var(--main-color);cursor:pointer;-webkit-filter:grayscale(0);filter:grayscale(0);font-size:2rem;margin-inline:.25rem}.app__photo-icon{aspect-ratio:1/1!important;border-radius:100%;width:48px}
/*# sourceMappingURL=main.46182abe.css.map*/