.page-title-wrap[data-v-d4171356]{display:inline-flex;padding:10px 0 10px 16px}.page-title-wrap .page-title-icon[data-v-d4171356]{font-size:26px;line-height:26px}.page-title-wrap h3[data-v-d4171356]{flex:1}@media (max-width:992px){.page-title-wrap[data-v-d4171356]{padding:0 0 0 .16rem}.page-title-wrap h3.mobile-hide[data-v-d4171356]{display:none}}.company-wrap[data-v-2ae73d8d]{color:#333;font-size:16px;display:inline-flex}.company-wrap .first-char[data-v-2ae73d8d]{background-color:#ffc107;width:32px;height:32px;border-radius:50%;color:#fff}.company-wrap span[data-v-2ae73d8d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}@media (max-width:768px){.company-wrap .first-char[data-v-2ae73d8d]{width:.24rem;height:.24rem;margin-right:0}.company-wrap span[data-v-2ae73d8d]{display:none}}@keyframes chatbotAnimationRight{0%{opacity:0;transform:translateX(25%) translateY(20%) scale(.5)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}@keyframes chatbotAnimationLeft{0%{opacity:0;transform:translateX(-25%) translateY(20%) scale(.5)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}.chatbot-container{bottom:0;display:flex;flex-direction:column;position:fixed;right:0;z-index:1}.chatbot-container.left{left:0}.chatbot-container .chatbot-inner{position:absolute;box-shadow:1px 1px 2px silver;height:560px;z-index:1;display:flex;flex-direction:column;width:370px;border-radius:10px;border:1px solid #d5d5d5}.chatbot-container .chatbot-inner.right.fade-enter-active{animation:chatbotAnimationRight .2s linear}.chatbot-container .chatbot-inner.right.fade-leave-active{animation:chatbotAnimationRight .2s linear reverse}.chatbot-container .chatbot-inner.left.fade-enter-active{animation:chatbotAnimationLeft .2s linear!important}.chatbot-container .chatbot-inner.left.fade-leave-active{animation:chatbotAnimationLeft .2s linear reverse!important}.chatbot-container .chatbot-inner .title-wrapper{align-items:center;border-radius:10px 10px 0 0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1607843137254902);display:flex;font-family:Roboto,sans-serif;font-size:18px;height:75px;justify-content:space-between;padding-left:15px}.chatbot-container .chatbot-inner .bot-content{display:flex;flex-direction:column;flex:1}.chatbot-container .chatbot-inner .bot-content .message-list{display:flex;flex-direction:column;flex:1 1;padding:10px}.chatbot-container .chatbot-inner .bot-content .message-list .message{background:#fff;max-width:252px;text-align:left;padding:8px 12px;border-radius:6px;flex:0 0 auto;font-family:Roboto,sans-serif;font-size:14px;margin-top:10px;word-break:break-word;word-wrap:break-word;min-height:52px;position:relative}.chatbot-container .chatbot-inner .bot-content .message-list .user-message{align-self:flex-end;margin-left:75px}.chatbot-container .chatbot-inner .bot-content .message-list .user-message:before{position:absolute;content:"";top:8px;right:-6px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid var(--df-messenger-user-message)}.chatbot-container .chatbot-inner .bot-content .message-list .bot-message{align-self:flex-start;margin-right:75px;line-height:1.4}.chatbot-container .chatbot-inner .bot-content .message-list .bot-message:before{position:absolute;content:"";top:8px;left:-6px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid var(--df-messenger-bot-message)}.chatbot-container .chatbot-inner .bot-content .input-container{display:flex;flex-direction:column;height:50px}.chatbot-container .chatbot-inner .bot-content .input-container .input-box-wrapper{align-items:center;border-top:1px solid #eee;display:flex;font-family:Roboto,sans-serif;height:50px;z-index:2;border-radius:0 0 10px 10px}.chatbot-container .chatbot-inner .bot-content .input-container .input-box-wrapper input{border:none;border-radius:0 0 4px 4px;font-size:14px;padding-left:15px;width:100%;outline:none}.chatbot-container .chatbot-inner .bot-content .input-container .input-box-wrapper input::-moz-placeholder{color:var(--df-messenger-input-placeholder-font-color)}.chatbot-container .chatbot-inner .bot-content .input-container .input-box-wrapper input::placeholder{color:var(--df-messenger-input-placeholder-font-color)}.chatbot-container .chatbot-inner .bot-content .input-container .input-box-wrapper svg{cursor:pointer;flex:0 0 auto;height:24px;margin:15px;width:24px;transition:.3s ease}.chatbot-container .action-btn{border:none;border-radius:50%;bottom:0;box-shadow:1px 4px 15px 0 rgba(0,0,0,.24);cursor:pointer;height:56px;position:absolute;right:0;width:56px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chatbot-container .action-btn img{height:36px;opacity:1;position:absolute;width:36px;left:50%;top:50%;transform:translate(-50%,-50%)}.chatbot-container .action-btn svg{position:absolute;transition:transform .5s,opacity .5s;left:50%;top:50%;opacity:0;transform:translate(-50%,-50%)}.chatbot-container .action-btn.rotate-fade svg{opacity:1!important;transform:translate(-50%,-50%) rotate(-90deg)}@media (max-width:920px){.chatbot-container{display:none}}.chatbot-page[data-v-c490765a]{position:relative;width:100%;height:100%;background-color:#f7f8fb}.chatbot-page .page-header[data-v-c490765a]{height:70px;background-color:#fff}.chatbot-page .page-header .action-wrap[data-v-c490765a]{height:100%;padding-right:50px}.chatbot-page .page-body[data-v-c490765a]{padding:50px 10px 100px;position:relative;height:calc(100vh - 140px)}.chatbot-page .page-body[data-v-c490765a] .ant-form .ant-upload-picture-card-wrapper .ant-upload{position:relative;width:68px;height:68px;margin:0}.chatbot-page .page-body[data-v-c490765a] .ant-form .ant-upload-picture-card-wrapper .cover-img{width:52px;height:52px}.chatbot-page .page-body[data-v-c490765a] .ant-form .ant-upload-picture-card-wrapper .loading-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px}.chatbot-page .page-body[data-v-c490765a] .ant-form .ant-upload-picture-card-wrapper .delete-wrap{width:30px;height:30px;position:absolute;right:-15px;top:-15px;opacity:.8;transition:opacity .3s}.chatbot-page .page-body[data-v-c490765a] .ant-form .ant-upload-picture-card-wrapper .delete-wrap:hover{opacity:1}.chatbot-page .page-body[data-v-c490765a] .ant-form .ant-upload-picture-card-wrapper .delete-wrap i{font-size:20px}.chatbot-page .page-body[data-v-c490765a] .ant-form .ant-slider .ant-slider-rail{background-color:#e1e1e1}.chatbot-page .page-body[data-v-c490765a] .ant-form .theme-list .theme-item{width:50px;height:50px;border:2px solid #d9d9d9;border-radius:2px;margin-right:10px;transition:all .2s}.chatbot-page .page-body[data-v-c490765a] .ant-form .theme-list .theme-item.active{border-color:#1480eb}.chatbot-page .page-body[data-v-c490765a] .ant-form .theme-list .theme-item span{width:36px;height:36px;border:2px}.chatbot-page .page-body .form-table[data-v-c490765a]{border:1px solid #dcdcdc;background-color:#fff}.chatbot-page .page-body .form-table .form-table-header[data-v-c490765a]{height:50px;border-bottom:1px solid #dcdcdc}.chatbot-page .page-body .form-table .type-cell[data-v-c490765a]{width:150px;padding:0 10px}.chatbot-page .page-body .form-table .actions-cell[data-v-c490765a]{width:170px;padding-right:16px}.chatbot-page .page-body .form-table .label-cell[data-v-c490765a]{width:150px;padding:0 10px}.chatbot-page .page-body .form-table .require-cell[data-v-c490765a]{width:100px}.chatbot-page .page-body .form-table .btn-wrap[data-v-c490765a]{padding-left:4px;padding-right:6px;height:28px;color:#fff;transition:opacity .2s;display:inline-flex}.chatbot-page .page-body .form-table .btn-wrap i[data-v-c490765a]{font-size:20px;margin-right:5px}.chatbot-page .page-body .form-table .btn-wrap[data-v-c490765a]:hover{opacity:.8}.chatbot-page .page-body .form-table .add-btn[data-v-c490765a]{background-color:#00b7ee}.chatbot-page .page-body .form-table .delete-btn[data-v-c490765a]{background-color:#db456c}.chatbot-page .page-body .form-table .error-text[data-v-c490765a]{line-height:20px}.chatbot-page .page-body .form-table .form-table-body .form-table-row[data-v-c490765a]{padding:10px 0;border-top:1px solid #dcdcdc}.chatbot-page .page-body .form-table .form-table-body .form-table-row[data-v-c490765a]:first-of-type{border-top:none}.chatbot-page .page-body[data-v-c490765a] .color-picker .ant-btn{min-width:160px}[data-v-c490765a] .custom-modal-container .code-container{border:1px solid #ccc;padding:10px;border-radius:4px}@media (max-width:992px){.chatbot-page .page-header .action-wrap[data-v-c490765a]{padding-right:10px}.chatbot-page .page-body .form-block[data-v-c490765a]{overflow-y:scroll}.chatbot-page .page-body .form-block .form-table[data-v-c490765a]{width:500px}}