.chat_App__Q0Mf3{width:100vw;height:100vh;background:#fff;color:#212121;font-family:Open Sans,sans-serif;display:grid;place-items:center}.chat_body__XcJEY{margin:0;padding:0}@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700");.chat_joinChatContainer__I4A4T{display:flex;flex-direction:column;text-align:center}.chat_joinChatContainer__I4A4T h3{font-size:2.5rem;margin-bottom:1rem}.chat_joinChatContainer__I4A4T input{width:210px;height:40px;margin:7px;border:2px solid #43a047;border-radius:5px;padding:5px;font-size:16px}.chat_joinChatContainer__I4A4T button{width:225px;height:50px;margin:7px;border:none;border-radius:5px;padding:5px;font-size:16px;background:#43a047;color:#fff;cursor:pointer}.chat_joinChatContainer__I4A4T button:hover{background:#2e7d32}.chat_chat-window__YufBb{width:300px;height:420px}.chat_chat-window__YufBb p{margin:0}.chat_chat-window__YufBb .chat_chat-header__v1Mpw{height:45px;border-radius:6px;background:#263238;position:relative;cursor:pointer}.chat_chat-window__YufBb .chat_chat-header__v1Mpw p{display:block;padding:0 1em 0 2em;color:#fff;font-weight:700;line-height:45px}.chat_chat-window__YufBb .chat_chat-body___LZxA{height:calc(450px - (45px + 70px));border:1px solid #263238;background:#fff;position:relative}.chat_chat-window__YufBb .chat_chat-body___LZxA .chat_message-container__TpVxi{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}.chat_chat-window__YufBb .chat_chat-body___LZxA .chat_message-container__TpVxi::-webkit-scrollbar{display:none}.chat_chat-window__YufBb .chat_chat-body___LZxA .chat_message__1vhD2{height:auto;padding:10px;display:flex}.chat_chat-window__YufBb .chat_chat-body___LZxA .chat_message__1vhD2 .chat_message-content__o9_TA{width:auto;height:auto;min-height:40px;max-width:120px;background-color:#43a047;border-radius:5px;color:white;display:flex;align-items:center;margin-right:5px;margin-left:5px;padding-right:5px;padding-left:5px;overflow-wrap:break-word;word-break:break-word}#chat_you__frVN1,#chat_you__frVN1 .chat_message-content__o9_TA{justify-content:flex-start}#chat_you__frVN1 .chat_message-meta__qFILB{justify-content:flex-start;margin-left:5px}#chat_other__cVSwE{justify-content:flex-end}#chat_other__cVSwE .chat_message-content__o9_TA{justify-content:flex-end;background-color:cornflowerblue}#chat_other__cVSwE .chat_message-meta__qFILB{justify-content:flex-end;margin-right:5px}.chat_message-meta__qFILB #chat_author__aWFbw{margin-left:10px;font-weight:700}.chat_chat-window__YufBb .chat_chat-body___LZxA .chat_message__1vhD2 .chat_message-meta__qFILB{display:flex;font-size:12px}.chat_chat-window__YufBb .chat_chat-footer___aMaS{height:40px;border:1px solid #263238;border-top:none;display:flex}.chat_chat-window__YufBb .chat_chat-footer___aMaS input{height:100%;flex:85% 1;border:0;padding:0 .7em;font-size:1em;border-right:1px dotted #607d8b;outline:none;font-family:Open Sans,sans-serif}.chat_chat-window__YufBb .chat_chat-footer___aMaS button{border:0;display:grid;place-items:center;cursor:pointer;flex:15% 1;height:100%;background:transparent;outline:none;font-size:25px;color:lightgray}.chat_chat-window__YufBb .chat_chat-footer___aMaS button:hover{color:#43a047}.chat_hide__SQ2Wm{opacity:0!important}@media (max-width:600px){.chat_chat-window__YufBb{width:100%;height:70vh}}.chating_centeredWrapper__Zt_u6{display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;position:fixed;top:0;left:0;width:100%}.chating_blurBackground__7OkAT{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/image/17.png);background-size:cover;filter:blur(8px);z-index:1}.chating_chat_wrapper__SeENR{position:relative;z-index:2}.chating_chat_window__eHlY0{width:800px;max-width:800px;height:600px;display:flex;flex-direction:column;border:1px solid #0a0505;border-radius:10px;overflow:hidden;background-color:#f8f8f8d5}.chating_chat_header__b3Jwc{background-color:#16521be1;color:white;padding:10px;text-align:center;font-size:18px;font-weight:700}.chating_chat_body__lUHsp{flex:1 1;padding:10px;overflow-y:auto}.chating_message_container__khwbc{display:flex;flex-direction:column}.chating_message__hTQ28{display:flex;margin-bottom:10px}#chating_you__EfK00{justify-content:flex-end}#chating_other__rar1U{justify-content:flex-start}.chating_message__hTQ28 div{display:flex;flex-direction:column;max-width:60%}.chating_sentMessage__tgY2s{justify-content:flex-end}.chating_receivedMessage__hPaXg{justify-content:flex-start}.chating_message_content__PPs5R{padding:10px;border-radius:10px;margin-bottom:5px;font-size:14px;overflow-wrap:break-word}.chating_sentMessage__tgY2s .chating_message_content__PPs5R{background-color:#d1e7dd}.chating_receivedMessage__hPaXg .chating_message_content__PPs5R{background-color:#e1ffc7}.chating_message-meta__Kf_ru{display:flex;justify-content:space-between;font-size:10px;color:#666}#chating_time__7AhWx{margin-right:10px}.chating_chat_footer__aHnoS{width:100%;padding:10px;border-top:1px solid #ccc;background-color:#ffffff77;display:flex;align-items:center}.chating_chat-footer__tLRDS input{flex:1 1;padding:10px;border:1px solid #ccc;border-radius:5px;margin-right:10px}.chating_chat-footer__tLRDS button{padding:10px;background-color:#007bff;color:white;border:none;border-radius:5px;cursor:pointer}.chating_chat-footer__tLRDS button:hover{background-color:#0056b3}.chating_chat_area__qUL2R{flex:1 1;padding:10px;border:1px solid #cccccc00;border-radius:5px;margin-right:40px;font-size:16px}@media (max-width:992px){.chating_centeredWrapper__Zt_u6{position:static;height:auto}.chating_blurBackground__7OkAT{display:none}.chating_chat_window__eHlY0{width:100%;max-width:100%;height:80vh}}@media (max-width:600px){.chating_chat_area__qUL2R{margin-right:0}}