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}.app{width:100vw;color:#fff;height:100vh;display:-webkit-flex;display:flex;overflow:hidden;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#121212}.auth-form{width:500px;padding:25px;max-width:100%;border-radius:10px;background-color:#15202b;box-shadow:0 0 10px #000}.auth-form label{display:block;margin-bottom:25px}.auth-form input{width:100%;padding:5px;border-radius:5px;border:1px solid #000;background-color:#d2d2d2}.auth-form button{padding:10px;border-radius:3px;outline:none;border:none;color:#fff;cursor:pointer;background-color:#030a24}.auth-form button:hover{box-shadow:0 0 3px #000}.auth-form button:disabled{color:#a9a9a9;cursor:not-allowed;background-color:grey}.auth-link-container{margin-top:25px;margin-bottom:25px}.auth-link{color:grey;cursor:pointer;font-weight:700}.auth-link:hover{color:#5c5caa}.error{color:#cd0000;font-weight:700}.chat-container{-webkit-flex:1 1;flex:1 1;height:100%;display:-webkit-flex;display:flex}.left-rail{height:100%;width:300px}.chat-list-container{overflow-y:auto;height:calc(100% - 150px)}.no-chats-yet{padding:15px}.chat-list{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.chat-list-item{height:75px;width:100%;padding:10px;box-shadow:0 0 2px #000;-webkit-justify-content:space-between;justify-content:space-between}.chat-list-item,.chat-list-item-content{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.chat-list-item-content{-webkit-flex:1 1;flex:1 1;cursor:pointer;color:#f2f2f2;-webkit-justify-content:flex-start;justify-content:flex-start}.chat-list-item .selected,.chat-list-item:hover{background-color:#18181d}.chat-list-avatar{width:28px;height:28px;border-radius:100%}.selected-chat-item{background-color:#18181d}.chat-item-delete{width:35px;cursor:pointer;text-align:right;visibility:hidden}.chat-list-item:hover .chat-item-delete{visibility:visible}.chat-item-delete:hover{color:#cd0000}.chat-list-preview{margin-left:10px}.create-chat-button{width:100%;height:50px;border:none;outline:none;color:#fff;cursor:pointer;border-radius:0;background-color:#030a24}.preview-message{font-size:12px}.empty-avatar{width:28px;height:28px;display:-webkit-flex;display:flex;font-size:24px;-webkit-align-items:center;align-items:center;border-radius:100%;-webkit-justify-content:center;justify-content:center;background-color:#4d515d}.left-rail-header .empty-avatar{width:50px;height:50px}.chats-loading{height:100%;position:relative}.left-rail-header{height:100px;padding:10px;position:relative;background-color:#161616;box-shadow:0 0 2px #000}.current-user-info,.left-rail-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.current-username{margin-left:15px;font-size:28px}.user-avatar{cursor:pointer}.user-loading{height:100px;width:100%;position:relative}.current-chat,.user-loading{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.current-chat{-webkit-flex:1 1;flex:1 1;height:100%;background-color:#292b31}.no-chat-selected{display:-webkit-flex;display:flex;font-size:28px;padding:25px;color:#abaebb;-webkit-align-self:center;align-self:center;-webkit-align-items:center;align-items:center;border-radius:10px;-webkit-justify-content:center;justify-content:center;background-color:#4d515d;box-shadow:0 0 3px #000;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.point-left{width:75px;height:auto;margin-right:25px}.chat{width:100%;-webkit-flex-direction:column;flex-direction:column}.chat,.chat-toolbar{display:-webkit-flex;display:flex}.chat-toolbar{min-height:50px;color:#f2f2f2;padding-left:25px;padding-right:25px;-webkit-align-items:center;align-items:center;background-color:#121212;-webkit-justify-content:space-between;justify-content:space-between}.chat-header-text{color:grey;font-size:16px;font-weight:700}.add-user-icon{height:100%;display:-webkit-flex;display:flex;cursor:pointer;-webkit-align-items:center;align-items:center;padding-bottom:5px}.no-messages-yet{font-size:24px;margin-top:25px}.chat-messages{-webkit-flex:1 1;flex:1 1;overflow-y:auto;padding:0 25px;height:calc(100% - 105px)}.chat-message{display:-webkit-flex;display:flex;margin-top:25px;-webkit-flex-direction:column;flex-direction:column}.message-image{width:250px}.message-avatar{width:35px;height:35px;font-size:24px;margin-right:15px;border-radius:100%;-webkit-justify-content:center;justify-content:center;background-color:#4d515d}.chat-message-header,.message-avatar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.chat-message-header{margin-bottom:15px}.message-author{font-size:24px}.message-content{padding-left:25px}.message-text{font-size:14px;margin-bottom:10px}.chat-controls{width:100%;margin:15px 25px 25px;height:35px;-webkit-flex-shrink:0;flex-shrink:0;overflow:hidden;border-radius:5px;width:calc(100% - 50px);background-color:#23252c;box-shadow:0 0 3px #000}.attachment-icon,.chat-controls{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.attachment-icon{width:35px;height:100%;cursor:pointer;margin-right:5px;padding-bottom:5px;-webkit-justify-content:center;justify-content:center;background-color:#1f2026}.attachment-icon:hover{background-color:#2f313a}.chat-input{-webkit-flex:1 1;flex:1 1;border:none;height:100%;outline:none;color:#f2f2f2;caret-color:#fff;background-color:transparent}.send-message-icon{width:35px;height:100%;display:-webkit-flex;display:flex;cursor:pointer;padding-bottom:5px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.send-message-icon:hover{background-color:#1f2026}.user-search .input{width:100%}.user-search .input .prompt,.user-search .input .prompt:focus{border:none;outline:none;color:#f2f2f2;caret-color:#fff;background-color:#1f2026;border-radius:0!important}.user-search .input i{color:#fff!important}.image-upload-container{width:100%;height:100%;display:-webkit-flex;display:flex;overflow-y:hidden;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.image-upload-actions{height:50px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end}.image-upload-actions button{border:none;padding:10px;outline:none;color:#fff;cursor:pointer;margin-right:10px;border-radius:5px}.image-upload-actions .cancel{background-color:#cd0000}.image-upload-actions .submit{background-color:#030a24}.file-input{display:none}.modal .content{background:#15202b!important}.modal .actions,.modal .header{color:#f2f2f2!important;background-color:#060f18!important}.sign-out{position:absolute;top:5px;right:5px;cursor:pointer}
/*# sourceMappingURL=main.fdf47f95.chunk.css.map */