.chat{height:100%;min-height:0;padding:50px 10px 0}.App-M .chat-area{padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(60px + env(safe-area-inset-bottom)) env(safe-area-inset-left);min-height:0}.App-M .chat{padding:0}.chat-area{box-sizing:border-box;background-color:#fff;flex-direction:column;width:100%;min-width:800px;max-width:1300px;height:100%;min-height:500px;margin:0 auto;padding:30px;display:flex;box-shadow:0 0 5px #ccc}.chat-box{background-color:#ddd;height:100%;min-height:0;display:flex}.chat-side{overflow-wrap:anywhere;border:1px solid #6a5acd;width:300px;overflow-y:auto}.chat-heading{box-sizing:border-box;flex-wrap:wrap;align-items:flex-end;gap:10px;max-width:100vw;margin:0 0 20px;display:flex}@media (max-width:1600px){.chat{padding:30px 0}.chat-area{box-shadow:none;background-color:#0000;padding:0}.chat-side{min-width:300px}.chat-heading{padding:0 10px}}
@media (max-width:800px){.chat-side{width:100%}.chat-area{min-width:0}.chat-close-chat{color:#fff;text-align:center;cursor:pointer;background-color:#6a5acd;padding:15px;font-weight:600}div.chat-body{border:1px solid #6a5acd;display:none}.chat-inside .chat-side{display:none}.chat-inside .chat-body{display:flex}}
.chat-body{background-color:#eee;border:1px solid #6a5acd;border-left:none;flex-direction:column;flex:1;display:flex}.chat-footer{display:flex}.chat-footer button{box-shadow:none;border-radius:0;height:100%;padding:5px;font-size:16px;display:block}.chat-special{border-left:1px solid #ddd}.chat-special:first-child{border-left:none}.chat-special button{background-color:#aaa;padding:5px 10px}.chat-special button:hover{background-color:#888}.chat-footer-buttons{gap:10px;margin:0 auto;display:flex}.chat-footer-prompt{flex-direction:column;margin:0 auto;display:flex}.chat-footer-info{margin:0 0 10px}.chat-footer-accept{background-color:#00a86b}.chat-footer-block{background-color:#b80f0a}.chat-special-popup{z-index:10;background-color:#ddd;width:120px;position:absolute;transform:translateY(-100%)}.chat-special-popup button{background-color:#b80f0a;width:80px;margin:10px auto}.chat-special-popup button:hover{background-color:#b80f0a}.chat-special-popup-close{text-align:right;color:#aaa;margin:3px}.chat-special-popup-close svg:hover{color:#666}
.chat-input{flex:1}.chat-input textarea{border-bottom:none;border-left:none;border-right:none;border-radius:0;margin:0;display:block;overflow:hidden}