.chatBackground{background-color:#687893;height:100vh;justify-content:center;left:0;top:0;width:100vw}.chatBackground,.chatBox{align-items:center;display:flex;flex-direction:column;position:fixed}.chatBox{background:linear-gradient(90deg,#181d1f,#0a171e);border:1px solid #000;border-radius:10px;box-shadow:8px 8px 86px rgba(0,0,0,.4);height:90%;max-width:500px;width:90%}.row{flex:1 1}@media (min-height:701px){.row:first-child{flex:1 0 10%}.row:nth-child(2){flex:1 0 80%}.row:nth-child(3){flex:1 0 10%}}@media (max-height:700px){.row:first-child{flex:1 0 20%}.row:nth-child(2){flex:1 0 60%}.row:nth-child(3){flex:1 0 20%}}.appTitleRow{align-items:center;border-bottom:2px solid #1b2930;display:flex;height:100px;justify-content:flex-start;width:80%}.profilePhoto{border-radius:50%;height:50px;width:50px}.appTitle{color:#e1e5e5;font-size:1.1rem}.appTitle,.userStatus{font-family:Nunito,sans-serif;margin:0;padding-left:1rem}.userStatus{color:#4b8e55;font-size:1rem;padding-top:.2rem}.textColumn{align-items:flex-start}.messageList,.textColumn{display:flex;flex-direction:column}.messageList{align-items:center;list-style-type:none;margin:0;overflow:scroll;padding:0;width:100%}.messageRow{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;padding:1rem 1rem .5rem;position:relative;width:80%}.messageRow:last-of-type{margin-bottom:40px}.messageBubble{word-wrap:break-word;background-color:#0070da;border-radius:7px 7px 0 7px;color:#e1e5e5;display:inline-block;font-family:Nunito,sans-serif;max-width:200px;padding:.5rem}.messageDeleteButton,.messageDeleteIcon{background-color:initial;border:none}.messageDeleteIcon{color:#e1e5e5}@-webkit-keyframes ellipsis{to{width:1.25em}}.loaderContainer{align-items:center;display:flex;height:100%;justify-content:center}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border-radius:50%;border-right:3px solid transparent;border-top:3px solid #fff;box-sizing:border-box;display:inline-block;height:48px;width:48px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.errorText{color:red}.addBoxRow{border-top:1px solid #1b2930;bottom:0;flex-shrink:0;justify-content:center;width:90%}.addBox,.addBoxRow{align-items:center;display:flex;flex-direction:row}.addBox{border-radius:20px;max-width:450px;width:100%}.addBox,.addInput{background-color:#202d34}.addInput{border:none;border-radius:50%;color:#e1e5e5;font-family:Nunito,sans-serif;height:50px;padding-left:1rem;padding-right:1rem;width:70%}.messageInputButton{background-color:initial;border:none;padding-left:10px}.messageInputIcon{border:none;color:grey;height:20px;width:20px}.messageSendIcon{border:none;color:#e1e5e5;height:20px;width:20px}.messageSendButton{align-items:center;background-color:#0070da;border:none;border-radius:50%;display:flex;height:40px;justify-content:center;margin-left:auto;margin-right:10px;width:40px}.addMessageContainer{align-items:center;display:flex;flex-direction:column}.emojiPickerContainer{bottom:70px;left:30px;margin-bottom:5px;position:absolute}input:focus{border:none;outline:none}.newMessage{-webkit-animation:fadeOutToTop .3s ease-in-out;animation:fadeOutToTop .3s ease-in-out}@-webkit-keyframes fadeOutToTop{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes fadeOutToTop{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.loading{color:#fff;font-size:30px;position:absolute;right:50px;-webkit-transform:translateY(-80px);transform:translateY(-80px)}.loading:after{-webkit-animation:ellipsis 1.9s steps(4) infinite;animation:ellipsis 1.9s steps(4) infinite;content:"\2026";display:inline-block;overflow:hidden;vertical-align:bottom;width:0}@keyframes ellipsis{to{width:1.25em}}
/*# sourceMappingURL=main.1f33ff5e.css.map*/