#ChatbotChannal{display:inline-block;display:-webkit-inline-block;position:fixed;padding:10px;left:30px;right:30px;top:30px;bottom:30px;background-color:#fff;border:#f08c44 2px solid;border-top-width:40px;border-radius:8px;z-index:9}#ChatbotChannal .title{position:absolute;top:-40px;left:20px;font-size:18px;line-height:40px;color:#fff}#ChatbotChannal .content{overflow:auto;position:absolute;padding:10px;left:0;right:0;top:0;bottom:0;border-radius:8px}#ChatbotChannal .options{display:none;position:absolute;padding:0;left:0;right:0;bottom:0;border-top:#000 1px solid}#ChatbotChannal .options .option{cursor:pointer;margin-bottom:10px;padding:10px;font-size:14px;line-height:1.2;text-decoration:underline;transition:.1s}#ChatbotChannal .options .option:hover{color:#fff;background:#f08c44}#ChatbotChannal .options .option:last-child{margin-bottom:0}#ChatbotChannal .close{position:absolute;top:-30px;right:20px;width:20px;height:20px;color:#fff;font-size:18px;line-height:40px;cursor:pointer}#ChatbotChannal .close img{position:absolute;right:0;top:0}#ChatbotChannal .clear{display:block;clear:both;margin:0 0 10px;height:0;border:0}#ChatbotChannal .chat{float:left;position:relative;margin-left:30px;padding:4px 12px;color:#fff;font-size:14px;font-weight:300;line-height:1.2;background:#f08c44;border-radius:12px;border:#f08c44 1px solid}#ChatbotChannal .chat:before{content:'';position:absolute;left:-30px;top:0;width:24px;height:24px;background-color:#fff;background-image:url('./../img/chatbot.webp');background-position:center center;background-size:contain;background-repeat:no-repeat;border-radius:50%;border:#f08c44 1px solid}#ChatbotChannal .user{float:right;position:relative;padding:4px 12px;color:#000;font-size:14px;font-weight:300;line-height:1.2;background:#fff;border-radius:12px;border:#f08c44 1px solid}#ChatbotChannal .user .oped{display:block}#ChatbotChannal .user.free_text,#ChatbotChannal .user.op{display:block;cursor:pointer}#ChatbotChannal .user .op:hover{text-decoration:underline}@media(max-width:575px){#ChatbotChannal{width:100vw;height:calc(100vh - 100px);width:auto;height:auto;left:0;right:0;top:0;bottom:0}}#ChatbotChannal .free_text_input{position:absolute;bottom:0;left:0;right:0;border-top:#f08c44 1px solid;background:#fff;border-radius:8px}#ChatbotChannal .free_text_input input{padding:4px 12px;padding-right:42px;width:100%;border:none;font-size:16px;line-height:1.3;color:#000;background:0 0;border-radius:8px;outline:0}#ChatbotChannal .free_text_input textarea{padding:4px 12px;padding-right:42px;width:100%;border:none;font-size:16px;line-height:1.3;color:#000;background:0 0;border-radius:8px;outline:0;resize:none;min-height:30px;max-height:120px}#ChatbotChannal .free_text_input .btn-send{position:absolute;right:10px;bottom:10px;width:30px;height:30px;background-color:#f08c44;color:#fff;text-align:center;cursor:pointer;border-top:#f08c44 1px solid;border-left:#f08c44 1px solid;border-radius:6px}#ChatbotChannal .free_text_input .btn-send>:first-child{width:15px;height:30px}#ChatbotChannal{display:inline-block;display:-webkit-inline-block;position:fixed;padding:10px;left:30px;right:30px;top:30px;bottom:30px;background-color:#fff;border:#f08c44 2px solid;border-top-width:40px;border-radius:8px;z-index:9}#ChatbotChannal .title{position:absolute;top:-40px;left:20px;font-size:18px;line-height:40px;color:#fff}#ChatbotChannal .content{overflow:auto;position:absolute;padding:10px;left:0;right:0;top:0;bottom:0;border-radius:8px}#ChatbotChannal .options{display:none;position:absolute;padding:0;left:0;right:0;bottom:0;border-top:#000 1px solid}#ChatbotChannal .options .option{cursor:pointer;margin-bottom:10px;padding:10px;font-size:14px;line-height:1.2;text-decoration:underline;transition:.1s}#ChatbotChannal .options .option:hover{color:#fff;background:#f08c44}#ChatbotChannal .options .option:last-child{margin-bottom:0}#ChatbotChannal .close{position:absolute;top:-30px;right:20px;width:20px;height:20px;color:#fff;font-size:18px;line-height:40px;cursor:pointer}#ChatbotChannal .close img{position:absolute;right:0;top:0}#ChatbotChannal .clear{display:block;clear:both;margin:0 0 10px;height:0;border:0}#ChatbotChannal .chat{float:left;position:relative;margin-left:30px;padding:4px 12px;color:#fff;font-size:14px;font-weight:300;line-height:1.2;background:#f08c44;border-radius:12px;border:#f08c44 1px solid}#ChatbotChannal .chat:before{content:'';position:absolute;left:-30px;top:0;width:24px;height:24px;background-color:#fff;background-image:url('./../img/chatbot.webp');background-position:center center;background-size:contain;background-repeat:no-repeat;border-radius:50%;border:#f08c44 1px solid}#ChatbotChannal .user{float:right;position:relative;padding:4px 12px;color:#000;font-size:14px;font-weight:300;line-height:1.2;background:#fff;border-radius:12px;border:#f08c44 1px solid}#ChatbotChannal .user .oped{display:block}#ChatbotChannal .user.free_text,#ChatbotChannal .user.op{display:block;cursor:pointer}#ChatbotChannal .user .op:hover{text-decoration:underline}@media(max-width:575px){#ChatbotChannal{width:100vw;height:calc(100vh - 100px);width:auto;height:auto;left:0;right:0;top:0;bottom:0}}#ChatbotChannal .free_text_input{position:absolute;bottom:0;left:0;right:0;border-top:#f08c44 1px solid;background:#fff;border-radius:8px}#ChatbotChannal .free_text_input input{padding:4px 12px;padding-right:42px;width:100%;border:none;font-size:16px;line-height:1.3;color:#000;background:0 0;border-radius:8px;outline:0}#ChatbotChannal .free_text_input textarea{padding:4px 12px;padding-right:42px;width:100%;border:none;font-size:16px;line-height:1.3;color:#000;background:0 0;border-radius:8px;outline:0;resize:none;min-height:30px;max-height:120px}#ChatbotChannal .free_text_input .btn-send{position:absolute;right:10px;bottom:10px;width:30px;height:30px;background-color:#f08c44;color:#fff;text-align:center;cursor:pointer;border-top:#f08c44 1px solid;border-left:#f08c44 1px solid;border-radius:6px}#ChatbotChannal .free_text_input .btn-send>:first-child{width:15px;height:30px}