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}*{box-sizing:border-box;padding:0;margin:0;font-family:monospace}:root{--centColor:#fafafa;--centBack:#0d8cfe;--receivedColor:#333;--receivedBack:#dfe2e9;--loginBack:#04bcff;--chatroomBack:#fdfdfd;--headerColor:#fafafa;--headerBack:#0d8cfe;--headColor:#0d8cfe;--chatBack:linear-gradient(90deg,#fff,#f6f6f6);--sendIc:#333}body .container:first-of-type{position:relative}.AZChat{text-align:center;width:100%;max-width:100%;height:99.7vh;max-height:99.7vh;padding:14vh 5% 0;background:linear-gradient(90deg,#fff,#f6f6f6);background:var(--chatBack)}.AZChat h2{color:#0d8cfe;color:var(--headColor);position:absolute;top:3vh;right:0;width:100%;margin-bottom:0}.AZChat .chatContainer{position:relative;width:100%;max-width:100%;height:98%}.AZChat .chatContainer .sginBtn{background:linear-gradient(90deg,#f6f6f6,#fff);color:#04bcff;color:var(--loginBack);border:none;border-radius:0 0 .5rem .5rem;width:100%;height:2rem;font-weight:600;position:absolute;top:2.3rem;right:0}.AZChat .chatContainer .chatHeader{background-color:#0d8cfe;background-color:var(--headerBack);height:2.3rem;min-height:2.3rem;position:absolute;top:0;right:0;width:inherit;max-width:inherit;z-index:99;padding:3px 10px;box-sizing:border-box;border-radius:.4rem .4rem 0 0}.AZChat .chatContainer .chatHeader>*{background-color:transparent;color:#fafafa;color:var(--headerColor);display:inline-block;float:right}.AZChat .chatContainer .chatHeader h5{float:left;margin-top:.2rem}.AZChat .chatContainer .chatHeader .btnStyle{position:absolute;top:4px;right:calc(50% - 23px)}.AZChat .chatContainer .chatHeader button{border:none;padding:5px 10px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;font-size:.8rem}.AZChat .chatContainer .chatHeader .chatHeader__colorMoodWrapper{float:right}.AZChat .chatContainer .chatHeader .chatHeader__colorMoodWrapper svg{color:var(--textColor);font-size:1.2rem;margin-top:.3rem;cursor:pointer}.AZChat .chatContainer .chatHeader .chatHeader__colorMoodWrapper .chatHeader__colorMoodWrapper__moon{display:none}.AZChat .chatContainer .chatRoom{height:calc(100% - 2.3rem);background-color:#fdfdfd;background-color:var(--chatroomBack);width:100%;max-width:100%;position:absolute;top:2.3rem;right:0}.AZChat .chatContainer .chatRoom #mainChat{padding:10px 0;height:calc(100% - 2rem);max-height:calc(100% - 2rem);margin:0;overflow-y:scroll;display:flex;flex-direction:column}.AZChat .chatContainer .chatRoom #mainChat::-webkit-scrollbar{width:.25rem}.AZChat .chatContainer .chatRoom #mainChat::-webkit-scrollbar-track{background:#dfe2e9;background:var(--receivedBack)}.AZChat .chatContainer .chatRoom #mainChat::-webkit-scrollbar-thumb{background:#333;background:var(--receivedColor);border-radius:.5rem}.AZChat .chatContainer .chatRoom #mainChat .message{display:flex;align-items:center;margin:3px 0}.AZChat .chatContainer .chatRoom #mainChat .message img{width:35px;height:35px;margin:0 5px;border-radius:50%}.AZChat .chatContainer .chatRoom #mainChat .message p{max-width:500px;margin-bottom:0;line-height:24px;padding:5px 15px;border-radius:25px;position:relative;text-align:center}.AZChat .chatContainer .chatRoom #mainChat .sent{flex-direction:row-reverse}.AZChat .chatContainer .chatRoom #mainChat .sent p{color:#fafafa;color:var(--centColor);background:#0d8cfe;background:var(--centBack);align-self:flex-end;border-bottom-right-radius:0}.AZChat .chatContainer .chatRoom #mainChat .received p{color:#333;color:var(--receivedColor);background:#dfe2e9;background:var(--receivedBack);border-bottom-left-radius:0}.AZChat .chatContainer .chatRoom form{height:2rem;position:absolute;bottom:0;right:0;background-color:#fdfdfd;background-color:var(--chatroomBack);width:100%;max-width:100%;display:flex;font-size:1.5rem;border-top:1px solid #d3d3d3}.AZChat .chatContainer .chatRoom form *{border:none;background-color:transparent}.AZChat .chatContainer .chatRoom form button{width:3.5rem}.AZChat .chatContainer .chatRoom form button svg{font-size:1.2rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-bottom:.5rem;color:#333;color:var(--sendIc)}.AZChat .chatContainer .chatRoom form button:disabled{opacity:.5;cursor:not-allowed}.AZChat .chatContainer .chatRoom form input{line-height:1.5;width:calc(100% - 3.5rem);font-size:.9rem;color:#333;color:var(--receivedColor);outline:none;border:none;padding:0 10px}
/*# sourceMappingURL=main.3475159e.chunk.css.map */