@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Poppins",sans-serif,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*,:after,:before{box-sizing:border-box}ul{list-style:none;margin:0;padding:0}a{text-decoration:none;color:inherit}.container{display:flex;height:100vh;width:100vw;justify-content:center;align-items:center;overflow:hidden}.container[theme=dark]{background-color:#6a6a6a;color:#fff}.primary{background-color:#68b7ff;color:#fff}[theme=dark] .primary{background-color:#4d8dc8;color:#fff}.secondary{background-color:#f2f2f2;color:#000}[theme=dark] .secondary{background-color:#515151;color:#fff}.chat-header{display:flex;padding:12px 24px;border-bottom:1px solid #b3b3b3;min-height:72px;align-items:center;overflow:hidden}.chat-header .user-img{-webkit-margin-end:16px;margin-inline-end:16px}.chat-header .user-name{flex:1 1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-header .user-info-button{font-size:20px;letter-spacing:5px;font-weight:600}.messages-container{padding:8px 16px;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;flex:1 1}.messages-container .message-entry{width:50%;margin:8px 0;padding:16px;max-width:50%;border-radius:5px}.messages-container .message-entry.primary{align-self:end}.input-message-from{display:flex;padding:16px;grid-gap:8px;gap:8px;border-top:1px solid #b3b3b3}.input-message-from .input-container{margin:0}.input-message-from input[type=submit]{max-width:5rem;padding:16px}.button{text-align:center;font-weight:700;border:none;text-transform:uppercase;width:100%;padding:16px 34px}.button:hover{background-color:#5ba5eb;cursor:pointer}.input-container{margin-bottom:10px;width:100%}.input{width:100%;padding:16px 24px;font-size:14px;line-height:21px;border:none;background-color:#f3f3f3}[theme=dark] .input{background-color:#7a7a7a;color:#fff}.input:focus{outline:none;background-color:#ebebeb}[theme=dark] .input:focus{background-color:#939393}.input::-webkit-input-placeholder{color:#bbb}.input::placeholder{color:#bbb}.input.error{border:1px solid #ff4500}.error{color:#ff4500;font-size:12px}[theme=dark] .error{color:#fff;font-size:12px}.chat-screen-container{flex:4 1;overflow:hidden;display:flex;flex-direction:column}.side-nav{display:flex;flex-direction:column;flex:1 1;background-color:#f3f3f3;overflow:hidden;-webkit-border-end:1px solid #b3b3b3;border-inline-end:1px solid #b3b3b3}[theme=dark] .side-nav{background-color:#6a6a6a}.search-container{padding:8px 16px}.search-container .input-container{margin-bottom:0}.search-container input{border:1px solid #000}.list-user{flex:1 1;overflow-y:auto;padding:8px 0}.list-user li{margin-bottom:2px;padding:12px 24px;background-color:#fff;display:flex;cursor:pointer;align-items:center;width:100%;overflow:hidden}.list-user li.not-found{justify-content:center}[theme=dark] .list-user li{background-color:#7a7a7a}.list-user li.active{box-shadow:-1px 0 2px 1px rgba(0,0,0,.75);-webkit-box-shadow:-1px 0 2px 1px rgba(0,0,0,.75);-moz-box-shadow:-1px 0 2px 1px rgba(0,0,0,.75)}.list-user li .user-img{-webkit-margin-end:16px;margin-inline-end:16px}.list-user li .user-detail{overflow:hidden;display:flex;flex-direction:column;grid-gap:5px;gap:5px;width:100%}.list-user li .user-detail .last-msg,.list-user li .user-detail .user-name{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-user li .user-detail .last-msg{font-size:14px}.settings-container{padding:8px 16px;display:flex;grid-gap:5px;gap:5px;justify-content:flex-end}.settings-container button{max-width:4rem;padding:16px;text-align:center}.chat-page-container{display:flex;width:100%;height:100%}.login-form{width:100%;margin:auto 1rem;max-width:395px}.login-form h3{text-align:center;margin-bottom:24px}.user-page-container{display:flex;width:100%;height:100%}.user-info-container{flex:4 1;overflow:hidden;display:flex;flex-direction:column;align-items:center;grid-gap:16px;gap:16px}.user-info-container .close-btn{font-size:30px;align-self:flex-end;margin:20px 30px}.user-info-container .name{font-size:24px}.user-info-container .actions{display:flex;grid-gap:16px;gap:16px}.user-info-container .actions div{padding:20px 0;width:6rem;text-align:center;border-radius:5px;cursor:pointer}
/*# sourceMappingURL=main.134b32f9.chunk.css.map */