*{font-family:Open Sans,serif;font-weight:400}@supports (font-variation-settings:"wght" 450){*{font-family:Open Sans,serif;font-weight:450}}body{background:#fff;justify-content:center;align-items:center;height:100vh;margin:0;padding:0;display:flex}.boxes{background:#fff;max-width:900px;height:500px;display:flex;overflow:hidden}.avatar{width:500px;vertical-align:center;background:#827f79;border-right:1px solid #f1f1f1;align-items:end;display:flex}.avatar img{width:400px}@media (width<=899px){.avatar{display:none}}.chat-container{flex-direction:column;display:flex}.header{color:#212121;background:#fff;border-bottom:1px solid #f1f1f1;justify-content:start;align-items:center;padding:25px 20px;display:flex}.header .right{justify-content:center;margin-left:auto;display:flex}.header .right .powered{flex-direction:column-reverse;margin-right:30px;display:flex}.header .right .powered a{color:#e7592e;text-decoration:none}.header .right .powered span{font-size:10px;display:block}.header .right .powered span:first-child{margin:0 0 -5px}.header .right .powered span:last-child{text-align:right;margin:-9px 0 0}.header .right .powered img{width:80px}.header h1{margin:0;font-size:16px;font-weight:700}@media (width<=899px){.header h1{display:none}}.header .closeChat{opacity:.5;margin-top:10px;margin-right:0;display:inline-block}.header .hideChat{opacity:.5;margin-top:10px;margin-right:5px;display:inline-block}.chat-window{background:#fff;flex-direction:column;align-items:flex-start;height:100%;padding:0 15px;display:flex;overflow-y:auto}.chat-window .message{color:#121417;word-wrap:break-word;word-break:break-word;border-radius:15px;max-width:80%;margin:10px 0;padding:6px 20px 10px;font-size:14px;line-height:20px;animation:.3s ease-in-out slide-in;display:inline-block;box-shadow:0 4px 10px #1a1a1a33}.chat-window a{color:#e7592e}.chat-window .user{color:#fff;background:#e7592e;align-self:flex-end}.chat-window .assistant{color:#5c5c5f;background:#fff;align-self:flex-start}.chat-input{background:#fff;border-top:1px solid #f1f1f1;padding:20px 15px}.suggested{text-align:center;margin-top:10px}.suggested h4{margin:0;font-size:10px;display:inline-block}.suggested a{cursor:pointer;color:#fff;background:#e7592e;border-radius:15px;margin:2px 3px;padding:4px 8px;font-size:12px;display:inline-block}.suggested a.disabled{opacity:.4;background:#5c5c5f}form{align-items:center;width:100%;margin:0;display:flex;position:relative}form #user-input{resize:none;box-sizing:border-box;background:#f1f1f1;border:2px solid #0000;border-radius:35px;flex:1;padding:12px 50px 12px 15px;font-size:14px;position:relative;overflow-y:hidden}form #user-input:active,form #user-input:focus{border:2px solid #e7592e;outline:none!important}form button{color:#565656;cursor:pointer;background:0 0;border:none;margin-bottom:5px;margin-left:5px;position:absolute;bottom:0;right:15px}form button svg{fill:#565656;opacity:.8;width:25px;height:25px}form button svg:hover{opacity:1}.typing-indicator{text-align:center;color:#666;background:#fff;justify-content:center;align-items:center;margin:auto auto 0;padding:10px 0;font-style:italic;display:flex}.typing-indicator span{background-color:#666;border-radius:50%;width:6px;height:6px;margin:0 3px;animation:1.4s infinite blink}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flags{margin-top:5px}.flags a{cursor:pointer;margin-right:5px;display:inline-block}.flags a svg{border:1px solid #fff;width:20px;box-shadow:0 4px 10px #3333}
/*# sourceMappingURL=index.8a42447b.css.map */