/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!./src/less/module/call-log-pop.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.modal.call-log .header {
  padding-left: 16px;
}
.modal.call-log .close-btn {
  right: 16px;
}
.call-log-pop,
.edit-log-pop {
  width: 608px;
  height: 402px;
  padding: 0 16px;
  margin-top: 20px;
}
.call-log-pop .call-status-wrapper,
.edit-log-pop .call-status-wrapper {
  padding: 0 11px;
  margin-bottom: 20px;
  height: 64px;
  overflow: hidden;
  color: #fff;
  border-radius: 3px;
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.call-log-pop .call-status-wrapper.call-connecting,
.edit-log-pop .call-status-wrapper.call-connecting {
  background-color: var(--primary-color);
}
.call-log-pop .call-status-wrapper.call-success,
.edit-log-pop .call-status-wrapper.call-success {
  background-color: #44b9a1;
}
.call-log-pop .call-status-wrapper.call-error,
.edit-log-pop .call-status-wrapper.call-error {
  background-color: #f57345;
}
.call-log-pop .call-status-wrapper.close,
.edit-log-pop .call-status-wrapper.close {
  height: 0px;
  padding: 0px 11px;
  margin-bottom: 0px;
}
.call-log-pop .call-status-wrapper .icon,
.edit-log-pop .call-status-wrapper .icon {
  float: left;
  height: 64px;
  position: relative;
  display: inline-block;
  left: -5px;
  top: 15px;
}
.call-log-pop .call-status-wrapper .call-status-description,
.edit-log-pop .call-status-wrapper .call-status-description {
  font-size: 16px;
  font-weight: 400;
  margin-top: 11px;
}
.call-log-pop .call-status-wrapper .record-status-description,
.edit-log-pop .call-status-wrapper .record-status-description {
  opacity: 0.6;
}
.call-log-pop .log-info,
.edit-log-pop .log-info {
  width: 566px;
  height: 102px;
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 20px;
  -webkit-transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.call-log-pop .log-info.taller,
.edit-log-pop .log-info.taller {
  height: 186px;
}
.call-log-pop .call-info,
.edit-log-pop .call-info {
  margin-bottom: 20px 0;
}
.call-log-pop .call-outcome,
.edit-log-pop .call-outcome {
  margin: 19px 0;
}
.call-log-pop .call-outcome ul.outcome-list,
.edit-log-pop .call-outcome ul.outcome-list {
  display: inline-block;
}
.call-log-pop .call-outcome ul.outcome-list li,
.edit-log-pop .call-outcome ul.outcome-list li {
  display: inline-block;
  padding: 6px 10px;
  background-color: #f4f4f4;
  border-radius: 3px;
  cursor: pointer;
  margin-left: 8px;
  color: #999;
  font-size: 14px;
}
.call-log-pop .call-outcome ul.outcome-list li .icon,
.edit-log-pop .call-outcome ul.outcome-list li .icon {
  padding-right: 8px;
  position: relative;
  top: 2px;
}
.call-log-pop .call-outcome ul.outcome-list li .icon-voicemail:before,
.edit-log-pop .call-outcome ul.outcome-list li .icon-voicemail:before {
  display: inline-block;
  width: 18px;
  position: relative;
  left: -5px;
}
.call-log-pop .call-outcome ul.outcome-list li .icon-badnumber:before,
.edit-log-pop .call-outcome ul.outcome-list li .icon-badnumber:before {
  font-size: 12px;
  position: relative;
  top: -1px;
}
.call-log-pop .call-outcome ul.outcome-list li.active,
.edit-log-pop .call-outcome ul.outcome-list li.active {
  background-color: #5bc2fb;
  color: #fff;
}
.call-log-pop .js_btn_cancel {
  width: 100px;
}
.edit-log-pop .log-time {
  color: #787878;
  padding-right: 20px;
}
.edit-log-pop .log-info {
  height: 186px;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/websiteonly/blazeWelcome.vue?vue&type=style&index=0&id=6ce13d80&prod&lang=less&scoped=true& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-6ce13d80] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-6ce13d80]:hover {
  text-decoration: underline;
}
.website-only-welcome-pop[data-v-6ce13d80] .pop-container {
  border-radius: 6px;
}
.website-only-welcome-pop .website-only-welcome-pop-body[data-v-6ce13d80] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 930px;
  height: 480px;
}
.website-only-welcome-pop .btn-close[data-v-6ce13d80] {
  position: absolute;
  font-size: 16px;
  top: 17px;
  right: 20px;
  color: #a0a3af;
  cursor: pointer;
}
.website-only-welcome-pop .banner[data-v-6ce13d80] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 465px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 465px;
          flex: 0 0 465px;
  height: 480px;
  background: url(https://cdn.lofty.com/image/fs/servicetool/20251025/2/original_ca2bce820e0c4639.png) center / cover no-repeat;
}
.website-only-welcome-pop .content[data-v-6ce13d80] {
  padding: 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.website-only-welcome-pop .title[data-v-6ce13d80] {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  color: #202437;
}
.website-only-welcome-pop .subtitle[data-v-6ce13d80] {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #202437;
  margin-top: 15px;
}
.website-only-welcome-pop .features[data-v-6ce13d80] {
  margin-top: 15px;
  font-size: 14px;
  line-height: 1.5;
  color: #515666;
  margin-bottom: 20px;
}
.website-only-welcome-pop .features .feature[data-v-6ce13d80] {
  font-family: SF UI Text;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0px;
  color: #515666;
}
.website-only-welcome-pop .features .feature[data-v-6ce13d80]:not(:first-child) {
  margin-top: 10px;
}
.website-only-welcome-pop .btn[data-v-6ce13d80] {
  background: none;
  border: none;
  cursor: pointer;
}
.website-only-welcome-pop .btn .icon2017[data-v-6ce13d80] {
  font-size: 14px;
  color: #fff;
  margin-right: 10px;
}
.website-only-welcome-pop .btn-upgrade-discount[data-v-6ce13d80] {
  position: relative;
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#242ffc), to(#8a54ff));
  background: -webkit-linear-gradient(left, #242ffc 0%, #8a54ff 100%);
  background: linear-gradient(90deg, #242ffc 0%, #8a54ff 100%);
  border-radius: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: SF UI Text;
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #ffffff;
}
.website-only-welcome-pop .btn-upgrade-discount[data-v-6ce13d80]:hover {
  background: -webkit-gradient(linear, left top, right top, from(#242ffc), to(#8a54ff));
  background: -webkit-linear-gradient(left, #242ffc 0%, #8a54ff 100%);
  background: linear-gradient(90deg, #242ffc 0%, #8a54ff 100%);
  color: #fff;
}
.website-only-welcome-pop .btn-upgrade-discount[data-v-6ce13d80]:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  pointer-events: none;
  z-index: 1;
}
.website-only-welcome-pop .btn-upgrade-discount .discount-label[data-v-6ce13d80] {
  position: absolute;
  top: -16px;
  right: 30px;
  background: url(https://cdn.lofty.com/image/fs/servicetool/2025811/8/original_a6d2731c940f44e5.png) center / contain no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 67px;
  height: 24px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 11px;
  line-height: 13px;
  padding-top: 4px;
  font-weight: 700;
  color: #fff;
}
.website-only-welcome-pop .btn-upgrade-subtext[data-v-6ce13d80] {
  font-family: SF UI Text;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #202437;
  margin-top: 10px;
  padding: 10px 0;
  border-radius: 30px;
}
.website-only-welcome-pop .btn-upgrade-subtext[data-v-6ce13d80]:hover {
  background-color: #f6f7fb;
}
.website-only-welcome-pop .btn-discount[data-v-6ce13d80] {
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#242ffc), to(#8a54ff));
  background: -webkit-linear-gradient(left, #242ffc 0%, #8a54ff 100%);
  background: linear-gradient(90deg, #242ffc 0%, #8a54ff 100%);
  border-radius: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
.website-only-welcome-pop .btn-discount[data-v-6ce13d80]:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(36, 47, 252, 0.9)), to(rgba(138, 84, 255, 0.9)));
  background: -webkit-linear-gradient(left, rgba(36, 47, 252, 0.9) 0%, rgba(138, 84, 255, 0.9) 100%);
  background: linear-gradient(90deg, rgba(36, 47, 252, 0.9) 0%, rgba(138, 84, 255, 0.9) 100%);
}
.website-only-welcome-pop .btn-upgrade[data-v-6ce13d80] {
  width: 100%;
  height: 40px;
  border-radius: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #3b5cde;
  font-size: 14px;
  font-weight: 500;
}
.website-only-welcome-pop .btn-upgrade[data-v-6ce13d80]:hover {
  background: #f6f7fb;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/websiteonly/blazeUpgrade.vue?vue&type=style&index=0&id=7e5ab627&prod&lang=less&scoped=true& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-7e5ab627] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-7e5ab627]:hover {
  text-decoration: underline;
}
.website-only-upgrade-pop[data-v-7e5ab627] .pop-container {
  border-radius: 6px;
}
.website-only-upgrade-pop .website-only-upgrade-pop-body[data-v-7e5ab627] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 950px;
  min-height: 480px;
  font-size: 14px;
}
.website-only-upgrade-pop .btn-close[data-v-7e5ab627] {
  position: absolute;
  font-size: 16px;
  top: 17px;
  right: 20px;
  color: #a0a3af;
  cursor: pointer;
}
.website-only-upgrade-pop .banner[data-v-7e5ab627] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 465px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 465px;
          flex: 0 0 465px;
  height: 100%;
  background: url(https://cdn.lofty.com/image/fs/servicetool/20251025/2/original_ca2bce820e0c4639.png) center / cover no-repeat;
}
.website-only-upgrade-pop .content[data-v-7e5ab627] {
  padding: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.website-only-upgrade-pop .title[data-v-7e5ab627] {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  color: #202437;
  letter-spacing: -1px;
}
.website-only-upgrade-pop .subtitle[data-v-7e5ab627] {
  line-height: 1.5;
  color: #797e8b;
  margin-top: 15px;
}
.website-only-upgrade-pop .features[data-v-7e5ab627] {
  margin-top: 10px;
  line-height: 20px;
  color: #515666;
}
.website-only-upgrade-pop .features .feature[data-v-7e5ab627] {
  font-family: SF UI Text;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0px;
}
.website-only-upgrade-pop .features .feature .icon2017[data-v-7e5ab627] {
  color: #2cd781;
  margin-right: 10px;
}
.website-only-upgrade-pop .features .feature[data-v-7e5ab627]:not(:first-child) {
  margin-top: 10px;
}
.website-only-upgrade-pop .desc[data-v-7e5ab627] {
  color: #515666;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.website-only-upgrade-pop .btn[data-v-7e5ab627] {
  background: none;
  border: none;
  cursor: pointer;
}
.website-only-upgrade-pop .btn .icon2017[data-v-7e5ab627] {
  font-size: 14px;
  color: #fff;
  margin-right: 10px;
}
.website-only-upgrade-pop .btn-upgrade-discount[data-v-7e5ab627] {
  position: relative;
  width: 100%;
  height: 40px;
  border-radius: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: SF UI Text;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#242ffc), to(#8a54ff));
  background: -webkit-linear-gradient(left, #242ffc 0%, #8a54ff 100%);
  background: linear-gradient(90deg, #242ffc 0%, #8a54ff 100%);
}
.website-only-upgrade-pop .btn-upgrade-discount[data-v-7e5ab627]:hover {
  background: -webkit-gradient(linear, left top, right top, from(#242ffc), to(#8a54ff));
  background: -webkit-linear-gradient(left, #242ffc 0%, #8a54ff 100%);
  background: linear-gradient(90deg, #242ffc 0%, #8a54ff 100%);
  color: #fff;
}
.website-only-upgrade-pop .btn-upgrade-discount[data-v-7e5ab627]:hover::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  pointer-events: none;
  z-index: 1;
}
.website-only-upgrade-pop .btn-upgrade-discount .discount-label[data-v-7e5ab627] {
  position: absolute;
  top: -16px;
  right: 30px;
  background: url(https://cdn.lofty.com/image/fs/servicetool/2025811/8/original_a6d2731c940f44e5.png) center / contain no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 67px;
  height: 24px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 11px;
  line-height: 13px;
  padding-top: 4px;
  font-weight: 700;
  color: #fff;
}
.website-only-upgrade-pop .btn-discount[data-v-7e5ab627] {
  width: 100%;
  height: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#242ffc), to(#8a54ff));
  background: -webkit-linear-gradient(left, #242ffc 0%, #8a54ff 100%);
  background: linear-gradient(90deg, #242ffc 0%, #8a54ff 100%);
  border-radius: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.website-only-upgrade-pop .btn-discount[data-v-7e5ab627]:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(36, 47, 252, 0.9)), to(rgba(138, 84, 255, 0.9)));
  background: -webkit-linear-gradient(left, rgba(36, 47, 252, 0.9) 0%, rgba(138, 84, 255, 0.9) 100%);
  background: linear-gradient(90deg, rgba(36, 47, 252, 0.9) 0%, rgba(138, 84, 255, 0.9) 100%);
}
.website-only-upgrade-pop .btn-upgrade[data-v-7e5ab627] {
  position: relative;
  width: 100%;
  height: 40px;
  border-radius: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #3b5cde;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}
.website-only-upgrade-pop .btn-upgrade[data-v-7e5ab627]:hover {
  background: #f6f7fb;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/oncePop/websiteonly/congratulation.vue?vue&type=style&index=0&id=677b78dd&prod&lang=less&scoped=true& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-677b78dd] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-677b78dd]:hover {
  text-decoration: underline;
}
.website-only-congratulation-pop[data-v-677b78dd] .pop-container {
  border-radius: 12px;
}
.website-only-congratulation-pop .website-only-congratulation-pop-body[data-v-677b78dd] {
  width: 640px;
  height: 390px;
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.website-only-congratulation-pop .website-only-congratulation-pop-body .btn-close[data-v-677b78dd] {
  position: absolute;
  font-size: 16px;
  top: 17px;
  right: 20px;
  color: #a0a3af;
  cursor: pointer;
}
.website-only-congratulation-pop .website-only-congratulation-pop-body .banner[data-v-677b78dd] {
  width: 100%;
  height: 160px;
  background: url(https://cdn.lofty.com/image/fs/servicetool/202587/1/original_24b1f56968134310.png) top center / cover no-repeat;
}
.website-only-congratulation-pop .website-only-congratulation-pop-body .title[data-v-677b78dd] {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: #202437;
  margin-top: 20px;
}
.website-only-congratulation-pop .website-only-congratulation-pop-body .desc[data-v-677b78dd] {
  font-size: 16px;
  line-height: 30px;
  color: #515666;
  margin-top: 20px;
}
.website-only-congratulation-pop .website-only-congratulation-pop-body .btn[data-v-677b78dd] {
  background: none;
  border: none;
  cursor: pointer;
}
.website-only-congratulation-pop .website-only-congratulation-pop-body .btn .icon2017[data-v-677b78dd] {
  font-size: 14px;
  color: #fff;
  margin-right: 10px;
}
.website-only-congratulation-pop .website-only-congratulation-pop-body .btn-discount[data-v-677b78dd] {
  width: 360px;
  height: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#242ffc), to(#8a54ff));
  background: -webkit-linear-gradient(left, #242ffc 0%, #8a54ff 100%);
  background: linear-gradient(90deg, #242ffc 0%, #8a54ff 100%);
  border-radius: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-top: 40px;
}
.website-only-congratulation-pop .website-only-congratulation-pop-body .btn-discount[data-v-677b78dd]:hover {
  background: -webkit-gradient(linear, left top, right top, from(rgba(36, 47, 252, 0.9)), to(rgba(138, 84, 255, 0.9)));
  background: -webkit-linear-gradient(left, rgba(36, 47, 252, 0.9) 0%, rgba(138, 84, 255, 0.9) 100%);
  background: linear-gradient(90deg, rgba(36, 47, 252, 0.9) 0%, rgba(138, 84, 255, 0.9) 100%);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/LoftyAIAssistantDrawer/rightPanelWrap.vue?vue&type=style&index=0&id=e9581ede&prod&lang=less&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-e9581ede] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-e9581ede]:hover {
  text-decoration: underline;
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.right-panel-lofty-ai-assistant .right-panel-title-cls[data-v-e9581ede] {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 60px;
  border-bottom: 1px solid #ebecf1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.right-panel-lofty-ai-assistant .right-panel-title-cls .title-cls[data-v-e9581ede] {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: inherit;
}
.right-panel-lofty-ai-assistant .right-panel-title-cls .left-area[data-v-e9581ede] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-panel-lofty-ai-assistant .right-panel-title-cls .title-icon-box[data-v-e9581ede] {
  cursor: pointer;
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  background-color: transparent;
}
.right-panel-lofty-ai-assistant .right-panel-title-cls .title-icon-box .title-icon[data-v-e9581ede] {
  font-size: 16px;
  color: #797e8b;
}
.right-panel-lofty-ai-assistant .right-panel-title-cls .title-icon-box[data-v-e9581ede]:hover {
  background: rgba(255, 255, 255, 0.7) !important;
}
.right-panel-lofty-ai-assistant .right-panel-title-cls .title-icon-box:hover .title-icon[data-v-e9581ede] {
  color: var(--primary-color);
}
.right-panel-lofty-ai-assistant .right-panel-title-cls .title-text[data-v-e9581ede] {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202437;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-panel-lofty-ai-assistant .right-panel-title-cls .title-text .is-beta[data-v-e9581ede] {
  margin-left: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  background: rgba(var(--primary-color-rgb), 0.1);
  color: var(--primary-color);
  border-radius: 20px;
  padding: 0 8px;
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.right-panel-lofty-ai-assistant .right-panel-content-area[data-v-e9581ede] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .icon2017 {
  line-height: 1;
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .conversation-ids-input-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .conversation-ids-input-area .left-label {
  font-size: 14px;
  font-weight: 500;
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .conversation-ids-input-area .conversation-ids-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 5px;
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .free-trial-banner {
  margin-bottom: 15px;
  width: 100%;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .free-trial-banner .icon2017 {
  font-size: 14px;
  background: -webkit-linear-gradient(260.47deg, var(--primary-color-5) -30.44%, var(--primary-color) 113.46%);
  background: linear-gradient(189.53deg, var(--primary-color-5) -30.44%, var(--primary-color) 113.46%);
  background-clip: text;
  /* Standard property */
  -webkit-background-clip: text;
  /* WebKit-specific property */
  -webkit-text-fill-color: transparent;
  /* Required for text gradient */
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .free-trial-banner .banner-tip {
  margin-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
     -moz-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  background: -webkit-linear-gradient(260.47deg, var(--primary-color-5) -30.44%, var(--primary-color) 113.46%);
  background: linear-gradient(189.53deg, var(--primary-color-5) -30.44%, var(--primary-color) 113.46%);
  background-clip: text;
  /* Standard property */
  -webkit-background-clip: text;
  /* WebKit-specific property */
  -webkit-text-fill-color: transparent;
  /* Required for text gradient */
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .free-trial-banner .banner-btn {
  margin-left: 10px;
  background: -webkit-linear-gradient(260.47deg, var(--primary-color-5) -30.44%, var(--primary-color) 113.46%);
  background: linear-gradient(189.53deg, var(--primary-color-5) -30.44%, var(--primary-color) 113.46%);
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .free-trial-banner .banner-btn:not(.disabled):not([disabled]):hover {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--primary-color-5)), to(var(--primary-color))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1)));
  background: -webkit-linear-gradient(top, var(--primary-color-5) 0%, var(--primary-color) 100%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  background: linear-gradient(180deg, var(--primary-color-5) 0%, var(--primary-color) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  background-blend-mode: overlay;
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .free-trial-banner .banner-btn:not(.disabled):not([disabled]):active {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--primary-color-5)), to(var(--primary-color))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background: -webkit-linear-gradient(top, var(--primary-color-5) 0%, var(--primary-color) 100%), -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  background: linear-gradient(180deg, var(--primary-color-5) 0%, var(--primary-color) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  background-blend-mode: overlay;
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .chime-btn.lighten {
  color: var(--primary-color);
  background-color: rgba(var(--primary-color-rgb), 0.05);
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .chime-btn.lighten .icon2017 {
  color: var(--primary-color);
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .chime-btn.lighten:hover {
  color: var(--primary-color-5);
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .chime-btn.lighten:hover .icon2017 {
  color: var(--primary-color-5);
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .chime-btn.lighten:active {
  color: var(--primary-color-3);
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .chime-btn.lighten:active .icon2017 {
  color: var(--primary-color-3);
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .chime-btn.lighten[disabled],
.right-panel-lofty-ai-assistant[data-v-e9581ede] .chime-btn.lighten.disabled {
  cursor: not-allowed;
  color: var(--primary-color-7);
  background-color: rgba(var(--primary-color-rgb), 0.05);
}
.right-panel-lofty-ai-assistant[data-v-e9581ede] .chime-btn.lighten[disabled] .icon2017,
.right-panel-lofty-ai-assistant[data-v-e9581ede] .chime-btn.lighten.disabled .icon2017 {
  color: var(--primary-color-7);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/LoftyAIAssistantDrawer/modules/WelcomePage.vue?vue&type=style&index=0&id=4665f985&prod&lang=less&scoped=true& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-4665f985] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-4665f985]:hover {
  text-decoration: underline;
}
.welcome-page-container[data-v-4665f985] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.welcome-page-container .view-history-btn[data-v-4665f985] {
  position: absolute;
  top: 12px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #a0a3af;
  cursor: pointer;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.welcome-page-container .view-history-btn .icon-expand_up[data-v-4665f985] {
  margin-left: 10px;
  font-size: 12px;
  color: #a0a3af;
}
.welcome-page-container .view-history-btn[data-v-4665f985]:hover {
  color: var(--primary-color);
}
.welcome-page-container .view-history-btn:hover .icon-expand_up[data-v-4665f985] {
  color: var(--primary-color);
}
.welcome-page-container .welcome-content[data-v-4665f985] {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 30px;
  overflow-y: auto;
}
.welcome-page-container .welcome-content .welcome-hi[data-v-4665f985] {
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  color: #202437;
}
.welcome-page-container .welcome-content .welcome-hi span[data-v-4665f985] {
  margin-right: 10px;
}
.welcome-page-container .welcome-content .welcome-title[data-v-4665f985] {
  margin-top: 8px;
  font-size: 26px;
  font-weight: 700;
  line-height: 120%;
  background: -webkit-linear-gradient(323.23deg, #3b5cde 6.55%, #5d51e2 38.01%, #4cbbe0 71.5%);
  background: linear-gradient(126.77deg, #3b5cde 6.55%, #5d51e2 38.01%, #4cbbe0 71.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.welcome-page-container .welcome-content .suggestion-list[data-v-4665f985] {
  margin-top: 40px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}
.welcome-page-container .welcome-content .suggestion-list .suggestion-item[data-v-4665f985] {
  padding: 10px 15px;
  background: #f6f7fb;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #202437;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.welcome-page-container .welcome-content .suggestion-list .suggestion-item[data-v-4665f985]:hover {
  background: #ebecf1;
}
.welcome-page-container .explore-more-btn[data-v-4665f985] {
  margin-top: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #797e8b;
  cursor: pointer;
  padding: 5px 10px;
  background: transparent;
  border-radius: 6px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.welcome-page-container .explore-more-btn .icon-arrow_06_right[data-v-4665f985] {
  margin-left: 8px;
  font-size: 12px;
  color: #797e8b;
}
.welcome-page-container .explore-more-btn[data-v-4665f985]:hover {
  background: #f6f7fb;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/LoftyAIAssistantDrawer/components/common/AIAgentTag.vue?vue&type=style&index=0&id=1ee3e0b1&prod&lang=less&scoped=true& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-1ee3e0b1] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-1ee3e0b1]:hover {
  text-decoration: underline;
}
.ai-agent-tag[data-v-1ee3e0b1] {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 26px;
  background-color: #fafbfd;
  border: 1px solid #ebecf1;
  border-radius: 6px;
  padding: 4px 8px;
  margin-bottom: 8px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.ai-agent-tag .icon2017[data-v-1ee3e0b1] {
  font-size: 16px;
  color: var(--primary-color);
}
.ai-agent-tag .tag-text[data-v-1ee3e0b1] {
  margin-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 150%;
  color: #515666;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/LoftyAIAssistantDrawer/components/outside/OffLineTaskCard.vue?vue&type=style&index=0&id=891c89c8&prod&lang=less&scoped=true& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-891c89c8] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-891c89c8]:hover {
  text-decoration: underline;
}
.off-line-task-card[data-v-891c89c8] {
  margin-top: 18px;
}
.off-line-task-card .card-title[data-v-891c89c8] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 7px;
  margin-bottom: 9px;
}
.off-line-task-card .card-title .card-title-icon[data-v-891c89c8] {
  width: 18px;
  height: 18px;
}
.off-line-task-card .card-title .card-title-text[data-v-891c89c8] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  color: #000000;
}
.off-line-task-card .card-content .card-first-row[data-v-891c89c8] {
  border-radius: 12px 12px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #ebeffc;
  color: #3b5cde;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  padding: 15px;
}
.off-line-task-card .card-content .first-row-left[data-v-891c89c8] {
  color: #3b5cde;
}
.off-line-task-card .card-content .first-row-right[data-v-891c89c8] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 400;
}
.off-line-task-card .card-content .first-row-right .first-row-right-status[data-v-891c89c8] {
  color: #797e8b;
  text-transform: capitalize;
}
.off-line-task-card .card-content .first-row-right .stop-btn[data-v-891c89c8] {
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0px 2px 3px 0px #0000000d;
          box-shadow: 0px 2px 3px 0px #0000000d;
}
.off-line-task-card .card-content .first-row-right .stop-btn .stop-btn-icon[data-v-891c89c8] {
  width: 7px;
  height: 7px;
  background-color: #515666;
  border-radius: 2px;
}
.off-line-task-card .card-content .first-row-right .stop-btn:hover .stop-btn-icon[data-v-891c89c8] {
  background-color: #3b5cde;
}
.off-line-task-card .card-content .first-row-right .first-row-completed[data-v-891c89c8] {
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  color: #20c472;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  background-color: #20c4721a;
  padding: 3px 4px;
  border-radius: 100px;
  text-transform: capitalize;
}
.off-line-task-card .card-content .card-second-row[data-v-891c89c8] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  padding: 15px;
  padding-bottom: 10px;
  border-left: 1px solid #ebecf1;
  border-right: 1px solid #ebecf1;
}
.off-line-task-card .card-content .card-second-row .second-row-label[data-v-891c89c8] {
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  color: #202437;
}
.off-line-task-card .card-content .card-second-row .second-row-value[data-v-891c89c8] {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #797e8b;
}
.off-line-task-card .card-content .card-third-row[data-v-891c89c8] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  padding: 15px;
  padding-top: 10px;
  border: 1px solid #ebecf1;
  border-top: none;
  border-radius: 0 0 12px 12px;
}
.off-line-task-card .card-content .card-third-row .third-row-label[data-v-891c89c8] {
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  color: #202437;
}
.off-line-task-card .card-content .card-third-row .third-row-value[data-v-891c89c8] {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #797e8b;
}
.sticky-card-container[data-v-891c89c8] {
  margin-top: 0;
}
.sticky-card-container .card-content .card-first-row[data-v-891c89c8] {
  border: none;
  border-radius: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 239, 252, 0.85)), color-stop(111.54%, rgba(250, 251, 253, 0.85)));
  background: -webkit-linear-gradient(top, rgba(235, 239, 252, 0.85) 0%, rgba(250, 251, 253, 0.85) 111.54%);
  background: linear-gradient(180deg, rgba(235, 239, 252, 0.85) 0%, rgba(250, 251, 253, 0.85) 111.54%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/LoftyAIAssistantDrawer/components/StickyCardsArea.vue?vue&type=style&index=0&id=b8403e5e&prod&lang=less&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-b8403e5e] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-b8403e5e]:hover {
  text-decoration: underline;
}
.sticky-cards-area[data-v-b8403e5e] {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 100;
  background-color: transparent;
}
.sticky-cards-area .sticky-card-item[data-v-b8403e5e] {
  margin-bottom: 0;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/LoftyAIAssistantDrawer/components/LibrarySkeletonLoading.vue?vue&type=style&index=0&id=19174a0e&prod&lang=less&scoped=true& ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-19174a0e] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-19174a0e]:hover {
  text-decoration: underline;
}
.library-skeleton-loading[data-v-19174a0e] {
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.library-skeleton-loading .top-tab[data-v-19174a0e] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.library-skeleton-loading .top-tab .tab-item[data-v-19174a0e] {
  width: 47px;
  height: 34px;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ebecf1;
}
.library-skeleton-loading .top-tab .tab-item[data-v-19174a0e]:nth-child(2) {
  width: 62px;
}
.library-skeleton-loading .top-tab .tab-item[data-v-19174a0e]:nth-child(3) {
  width: 76px;
}
.library-skeleton-loading .top-tab .tab-item + .tab-item[data-v-19174a0e] {
  margin-left: 10px;
}
.library-skeleton-loading .top-tip[data-v-19174a0e] {
  height: 24px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ebecf1;
  margin-top: 15px;
}
.library-skeleton-loading .feature-area[data-v-19174a0e] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 15px;
}
.library-skeleton-loading .feature-area .feature-card[data-v-19174a0e] {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 -webkit-calc(50% - 10px);
     -moz-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 10px);
          flex: 1 1 calc(50% - 10px);
  max-width: -webkit-calc(50% - 10px);
  max-width: calc(50% - 10px);
  background-color: #fff;
  border-radius: 10px;
  padding: 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.library-skeleton-loading .feature-area .feature-card[data-v-19174a0e]:nth-child(2n) {
  margin-left: 10px;
}
.library-skeleton-loading .feature-area .feature-card[data-v-19174a0e]:nth-child(n - 2) {
  margin-top: 10px;
}
.library-skeleton-loading .feature-area .feature-card .feature-icon[data-v-19174a0e] {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ebecf1;
}
.library-skeleton-loading .feature-area .feature-card .feature-title[data-v-19174a0e] {
  margin-top: 10px;
  width: 130px;
  height: 16px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ebecf1;
}
.library-skeleton-loading .feature-area .feature-card .feature-desc[data-v-19174a0e] {
  height: 14px;
  width: 100%;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ebecf1;
  margin-top: 7px;
}
.library-skeleton-loading .feature-area .feature-card .feature-desc-more[data-v-19174a0e] {
  height: 14px;
  width: 130px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ebecf1;
  margin-top: 3px;
}
.library-skeleton-loading .horizontal-animation-cls[data-v-19174a0e] {
  overflow: hidden;
  position: relative;
}
.library-skeleton-loading .horizontal-animation-cls[data-v-19174a0e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 20px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.2)), color-stop(50%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.6)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.6) 100%);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.6) 100%);
  -webkit-animation: horizontal-animation-19174a0e 1s linear infinite;
          animation: horizontal-animation-19174a0e 1s linear infinite;
}
@-webkit-keyframes horizontal-animation-19174a0e {
0% {
    left: 0;
}
100% {
    left: 100%;
}
}
@keyframes horizontal-animation-19174a0e {
0% {
    left: 0;
}
100% {
    left: 100%;
}
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/LoftyAIAssistantDrawer/pop/rightPanelFeatureLibraryDrawer.vue?vue&type=style&index=0&id=7eb30d99&prod&lang=less&scoped=true& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-7eb30d99] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-7eb30d99]:hover {
  text-decoration: underline;
}
.right-panel-feature-library-drawer[data-v-7eb30d99] {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.right-panel-feature-library-drawer .right-panel-feature-library-title-cls[data-v-7eb30d99] {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 0 20px;
  border-bottom: 1px solid #ebecf1;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.right-panel-feature-library-drawer .right-panel-feature-library-title-cls .title-icon-box[data-v-7eb30d99] {
  cursor: pointer;
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  background-color: transparent;
}
.right-panel-feature-library-drawer .right-panel-feature-library-title-cls .title-icon-box .title-icon[data-v-7eb30d99] {
  font-size: 16px;
  color: #797e8b;
}
.right-panel-feature-library-drawer .right-panel-feature-library-title-cls .title-icon-box[data-v-7eb30d99]:hover {
  background-color: #fff !important;
}
.right-panel-feature-library-drawer .right-panel-feature-library-title-cls .title-icon-box:hover .title-icon[data-v-7eb30d99] {
  color: var(--primary-color);
}
.right-panel-feature-library-drawer .right-panel-feature-library-title-cls .title-text[data-v-7eb30d99] {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202437;
}
.right-panel-feature-library-drawer .library-content[data-v-7eb30d99] {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.right-panel-feature-library-drawer .library-content .library-content-inner[data-v-7eb30d99] {
  padding: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tab[data-v-7eb30d99] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-top: 0;
  position: relative;
  height: unset;
  border: none;
  padding: 0;
  border-radius: none;
  background: unset;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tab .tab-item[data-v-7eb30d99] {
  padding: 0 10px;
  height: 34px;
  border-radius: 40px;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #797e8b;
  cursor: pointer;
  white-space: nowrap;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tab .tab-item.is-selected[data-v-7eb30d99] {
  background-color: var(--primary-color);
  color: #fff;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tab .tab-item + .tab-item[data-v-7eb30d99] {
  margin-left: 10px;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tab[data-v-7eb30d99]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tab[data-v-7eb30d99] .library-content-pane-btn {
  border: 1px solid rgba(32, 36, 55, 0.1);
  background-color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  border: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tab[data-v-7eb30d99] .library-content-pane-btn .icon2017 {
  margin-right: 0;
  font-size: 14px;
  color: #797e8b;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tab[data-v-7eb30d99] .library-content-pane-btn:hover {
  background: var(--primary-color);
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tab[data-v-7eb30d99] .library-content-pane-btn:hover .icon2017 {
  color: #fff;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tab[data-v-7eb30d99] .pane-left-btn {
  margin-right: 10px;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tab[data-v-7eb30d99] .pane-right-btn {
  margin-left: 10px;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tab[data-v-7eb30d99] .chime-pane-content {
  width: 100%;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .top-tip[data-v-7eb30d99] {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #a0a3af;
  margin-top: 15px;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .feature-area[data-v-7eb30d99] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 15px;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .feature-area .feature-card[data-v-7eb30d99] {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 -webkit-calc(50% - 10px);
     -moz-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 10px);
          flex: 1 1 calc(50% - 10px);
  max-width: -webkit-calc(50% - 10px);
  max-width: calc(50% - 10px);
  background-color: #fff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(32, 36, 55, 0.25);
          box-shadow: 0px 1px 3px 0px rgba(32, 36, 55, 0.25);
  border-radius: 10px;
  padding: 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .feature-area .feature-card[data-v-7eb30d99]:nth-child(2n) {
  margin-left: 10px;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .feature-area .feature-card[data-v-7eb30d99]:nth-child(n + 3) {
  margin-top: 10px;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .feature-area .feature-card .feature-icon[data-v-7eb30d99] {
  display: block;
  width: 16px;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .feature-area .feature-card .feature-title[data-v-7eb30d99] {
  margin-top: 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #202437;
}
.right-panel-feature-library-drawer .library-content .library-content-inner .feature-area .feature-card .feature-desc[data-v-7eb30d99] {
  margin-top: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #797e8b;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/LoftyAIAssistantDrawer/index.vue?vue&type=style&index=0&id=2d09d959&prod&lang=less&scoped=true& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-2d09d959] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-2d09d959]:hover {
  text-decoration: underline;
}
.lofty-ai-assistant-drawer[data-v-2d09d959] {
  top: 80px;
  right: 20px;
  bottom: 20px;
  -webkit-transition: 0.4s right;
  transition: 0.4s right;
  background-color: transparent !important;
  z-index: 1999 !important;
}
.lofty-ai-assistant-drawer .title-cls[data-v-2d09d959] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: inherit;
}
.lofty-ai-assistant-drawer .title-cls .left-area[data-v-2d09d959] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lofty-ai-assistant-drawer .title-cls .title-icon-box[data-v-2d09d959] {
  cursor: pointer;
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  background-color: transparent;
}
.lofty-ai-assistant-drawer .title-cls .title-icon-box .title-icon[data-v-2d09d959] {
  font-size: 16px;
  color: #797e8b;
}
.lofty-ai-assistant-drawer .title-cls .title-icon-box[data-v-2d09d959]:hover {
  background: rgba(255, 255, 255, 0.7) !important;
}
.lofty-ai-assistant-drawer .title-cls .title-icon-box:hover .title-icon[data-v-2d09d959] {
  color: var(--primary-color);
}
.lofty-ai-assistant-drawer .title-cls .title-text[data-v-2d09d959] {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #202437;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lofty-ai-assistant-drawer .title-cls .title-text .is-beta[data-v-2d09d959] {
  margin-left: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  background: rgba(var(--primary-color-rgb), 0.1);
  color: var(--primary-color);
  border-radius: 20px;
  padding: 0 8px;
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lofty-ai-assistant-drawer[data-v-2d09d959] .pop-container {
  border-radius: 20px !important;
  border: 3px solid #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  background-color: #f6f7fb;
}
.lofty-ai-assistant-drawer[data-v-2d09d959] .pop-container.rightToLeft-enter-active,
.lofty-ai-assistant-drawer[data-v-2d09d959] .pop-container.rightToLeft-leave-active {
  -webkit-transition: -webkit-transform linear 0.4s;
  transition: -webkit-transform linear 0.4s;
  transition: transform linear 0.4s;
  transition: transform linear 0.4s, -webkit-transform linear 0.4s;
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) or (-webkit-backdrop-filter: blur(1px)) {
.lofty-ai-assistant-drawer[data-v-2d09d959] .pop-container {
    backdrop-filter: blur(80px);
    -webkit-backdrop-filter: blur(80px);
    background-color: rgba(255, 255, 255, 0.1);
}
}
.lofty-ai-assistant-drawer[data-v-2d09d959] .pop-title {
  padding: 0 15px;
}
.lofty-ai-assistant-drawer .conversation-ids-input-area[data-v-2d09d959] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lofty-ai-assistant-drawer .conversation-ids-input-area .left-label[data-v-2d09d959] {
  font-size: 14px;
  font-weight: 500;
}
.lofty-ai-assistant-drawer .conversation-ids-input-area .conversation-ids-input[data-v-2d09d959] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 5px;
}
.lofty-ai-assistant-drawer .free-trial-banner[data-v-2d09d959] {
  margin-bottom: 15px;
  width: 100%;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lofty-ai-assistant-drawer .free-trial-banner .icon2017[data-v-2d09d959] {
  font-size: 14px;
  background: -webkit-linear-gradient(260.47deg, var(--primary-color-5) -30.44%, var(--primary-color) 113.46%);
  background: linear-gradient(189.53deg, var(--primary-color-5) -30.44%, var(--primary-color) 113.46%);
  background-clip: text;
  /* Standard property */
  -webkit-background-clip: text;
  /* WebKit-specific property */
  -webkit-text-fill-color: transparent;
  /* Required for text gradient */
}
.lofty-ai-assistant-drawer .free-trial-banner .banner-tip[data-v-2d09d959] {
  margin-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
     -moz-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  background: -webkit-linear-gradient(260.47deg, var(--primary-color-5) -30.44%, var(--primary-color) 113.46%);
  background: linear-gradient(189.53deg, var(--primary-color-5) -30.44%, var(--primary-color) 113.46%);
  background-clip: text;
  /* Standard property */
  -webkit-background-clip: text;
  /* WebKit-specific property */
  -webkit-text-fill-color: transparent;
  /* Required for text gradient */
}
.lofty-ai-assistant-drawer .free-trial-banner .banner-btn[data-v-2d09d959] {
  margin-left: 10px;
  background: -webkit-linear-gradient(260.47deg, var(--primary-color-5) -30.44%, var(--primary-color) 113.46%);
  background: linear-gradient(189.53deg, var(--primary-color-5) -30.44%, var(--primary-color) 113.46%);
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.lofty-ai-assistant-drawer .free-trial-banner .banner-btn[data-v-2d09d959]:not(.disabled):not([disabled]):hover {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--primary-color-5)), to(var(--primary-color))), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1)));
  background: -webkit-linear-gradient(top, var(--primary-color-5) 0%, var(--primary-color) 100%), -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  background: linear-gradient(180deg, var(--primary-color-5) 0%, var(--primary-color) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
  background-blend-mode: overlay;
}
.lofty-ai-assistant-drawer .free-trial-banner .banner-btn[data-v-2d09d959]:not(.disabled):not([disabled]):active {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--primary-color-5)), to(var(--primary-color))), -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background: -webkit-linear-gradient(top, var(--primary-color-5) 0%, var(--primary-color) 100%), -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  background: linear-gradient(180deg, var(--primary-color-5) 0%, var(--primary-color) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  background-blend-mode: overlay;
}
.lofty-ai-assistant-drawer[data-v-2d09d959] .chime-btn.lighten {
  color: var(--primary-color);
  background-color: rgba(var(--primary-color-rgb), 0.05);
}
.lofty-ai-assistant-drawer[data-v-2d09d959] .chime-btn.lighten .icon2017 {
  color: var(--primary-color);
}
.lofty-ai-assistant-drawer[data-v-2d09d959] .chime-btn.lighten:hover {
  color: var(--primary-color-5);
}
.lofty-ai-assistant-drawer[data-v-2d09d959] .chime-btn.lighten:hover .icon2017 {
  color: var(--primary-color-5);
}
.lofty-ai-assistant-drawer[data-v-2d09d959] .chime-btn.lighten:active {
  color: var(--primary-color-3);
}
.lofty-ai-assistant-drawer[data-v-2d09d959] .chime-btn.lighten:active .icon2017 {
  color: var(--primary-color-3);
}
.lofty-ai-assistant-drawer[data-v-2d09d959] .chime-btn.lighten[disabled],
.lofty-ai-assistant-drawer[data-v-2d09d959] .chime-btn.lighten.disabled {
  cursor: not-allowed;
  color: var(--primary-color-7);
}
.lofty-ai-assistant-drawer[data-v-2d09d959] .chime-btn.lighten[disabled] .icon2017,
.lofty-ai-assistant-drawer[data-v-2d09d959] .chime-btn.lighten.disabled .icon2017 {
  color: var(--primary-color-7);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/suggestFeatures/jiraPop.vue?vue&type=style&index=0&id=051cf960&prod&lang=less& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.suggest-feature-pop .pop-container {
  width: 750px;
}
.suggest-feature-pop .content {
  width: 100%;
  padding: 20px 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #515666;
}
.suggest-feature-pop .content .content-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.suggest-feature-pop .content .content-des {
  color: #797e8b;
  font-size: 14px;
  line-height: 20px;
}
.suggest-feature-pop .content textarea {
  background: #ffffff;
  border: 1px solid #c6c8d1;
  border-radius: 4px;
  height: 200px;
  width: 100%;
  padding: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  /*  Low version of Firefox browser  - v19- */
  /*  Higher version of Firefox browser  - v19+ */
}
.suggest-feature-pop .content textarea::input-placeholder {
  color: #c6c8d1;
}
.suggest-feature-pop .content textarea:-webkit-input-placeholder {
  color: #c6c8d1;
}
.suggest-feature-pop .content textarea:-moz-placeholder {
  color: #c6c8d1;
}
.suggest-feature-pop .content textarea:-moz-placeholder {
  color: #c6c8d1;
}
.suggest-feature-pop .content textarea:hover {
  border-radius: 4px;
  border: solid 1px #a0a3af;
  background-color: #ffffff;
}
.suggest-feature-pop .content textarea:focus {
  border-radius: 4px;
  border: solid 1px var(--primary-color);
  background-color: #ffffff;
}
.suggest-feature-pop .content .content-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.suggest-feature-pop .content .content-item-sub {
  height: 40px;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  padding: 0 20px;
  border-radius: 4px;
  margin-right: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.suggest-feature-pop .content .content-item-sub.active {
  color: white;
}
.suggest-feature-pop .content .content-item-sub:hover {
  color: white;
}
.suggest-feature-pop .content .content-item-sub:nth-child(1):hover {
  background: #bcc4cc;
  border-color: #bcc4cc;
}
.suggest-feature-pop .content .content-item-sub:nth-child(1).active {
  background: #bcc4cc;
  border-color: #bcc4cc;
}
.suggest-feature-pop .content .content-item-sub:nth-child(1):hover {
  background: #2693ff;
  border-color: #2693ff;
}
.suggest-feature-pop .content .content-item-sub:nth-child(1).active {
  background: #2693ff;
  border-color: #2693ff;
}
.suggest-feature-pop .content .content-item-sub:nth-child(2):hover {
  background: #ffc600;
  border-color: #ffc600;
}
.suggest-feature-pop .content .content-item-sub:nth-child(2).active {
  background: #ffc600;
  border-color: #ffc600;
}
.suggest-feature-pop .content .content-item-sub:nth-child(3):hover {
  background: #ff1f1f;
  border-color: #ff1f1f;
}
.suggest-feature-pop .content .content-item-sub:nth-child(3).active {
  background: #ff1f1f;
  border-color: #ff1f1f;
}
.suggest-feature-pop .suggest-feature-pop-footer {
  height: 80px;
  padding: 0px 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chatEntry/LoftyAssistantPop/headerEntry.vue?vue&type=style&index=0&id=8125955c&prod&lang=less&scoped=true& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-8125955c] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-8125955c]:hover {
  text-decoration: underline;
}
.AI-help-pop[data-v-8125955c] {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
     -moz-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  width: 400px;
  background: #fff;
}
.AI-help-pop .icon2017[data-v-8125955c] {
  line-height: 1;
}
.AI-help-pop .loading-icon[data-v-8125955c]::before {
  content: "";
  width: 16px;
  height: 18px;
  display: inline-block;
  background-size: contain;
  background-image: url(//static.chimeroi.com/site/images/home/loading.gif);
  vertical-align: middle;
  background-repeat: no-repeat;
}
.title-area[data-v-8125955c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--primary-color);
  padding-bottom: 20px;
}
.title-area.whiteBg[data-v-8125955c] {
  background-color: #fff;
  padding-bottom: 0;
}
.title-area.whiteBg .title-area-top .top-title[data-v-8125955c] {
  color: #202437;
}
.title-area.whiteBg .title-area-top .icon-cancel_bold[data-v-8125955c] {
  color: #a0a3af;
}
.title-area.whiteBg .title-area-top .icon-cancel_bold[data-v-8125955c]:hover {
  color: var(--primary-color);
  border-radius: 6px;
  background-color: rgba(var(--primary-color-rgb), 0.1);
}
.title-area.whiteBg .title-area-sub[data-v-8125955c] {
  color: #797e8b;
}
.title-area .title-area-top .top-title[data-v-8125955c] {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #fff;
  padding: 18px 20px 10px 20px;
}
.title-area .title-area-top .icon-cancel_bold[data-v-8125955c] {
  cursor: pointer;
  right: 15px;
  padding: 5px;
  top: 12px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
}
.title-area .title-area-top .icon-cancel_bold[data-v-8125955c]:hover {
  color: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.2);
}
.title-area .title-area-sub[data-v-8125955c] {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  padding-left: 20px;
}
.title-area .title-area-input[data-v-8125955c] {
  background: #fff;
  border-radius: 40px;
  height: 40px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ebecf1;
  overflow: hidden;
}
.title-area .title-area-input[data-v-8125955c] input {
  font-size: 14px;
}
.title-area .title-area-input[data-v-8125955c] input .el-input__inner {
  padding: 0px 10px 0 20px;
}
.title-area .title-area-input .icon-send_02[data-v-8125955c] {
  height: 40px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 0 10px 0 15px;
  color: var(--primary-color);
  top: 12px;
  right: 15px;
  margin-left: auto;
  font-size: 16px;
  border-radius: 0 20px 20px 0;
}
.title-area .title-area-input .icon-send_02.disabled[data-v-8125955c] {
  cursor: not-allowed;
  background-color: #fff;
  color: rgba(32, 36, 55, 0.4);
}
.title-area .title-area-input .icon-send_02[data-v-8125955c]:hover {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}
.title-area .title-area-input .icon-send_02[data-v-8125955c]:active {
  background-color: rgba(var(--primary-color-rgb), 0.2);
}
.body-area[data-v-8125955c] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  padding-right: 0;
  overflow: auto;
}
.body-area .menu-list[data-v-8125955c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.body-area .menu-list .menu-item[data-v-8125955c] {
  cursor: pointer;
  border: 1px solid #ebecf1;
  background-color: #fff;
  width: 175px;
  padding: 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  margin-bottom: 10px;
}
.body-area .menu-list .menu-item[data-v-8125955c]:nth-of-type(2n-1) {
  margin-right: 10px;
}
.body-area .menu-list .menu-item[data-v-8125955c]:hover {
  border-color: var(--primary-color);
}
.body-area .menu-list .menu-item .item-top-sec[data-v-8125955c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  font-family: "SF UI Text";
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #202437;
}
.body-area .menu-list .menu-item .item-top-sec .icon2017[data-v-8125955c] {
  margin-right: 10px;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 400;
}
.body-area .menu-list .menu-item .item-bottom-sec[data-v-8125955c] {
  color: #a0a3af;
  font-family: "SF UI Text";
  font-size: clamp(10px, 11px, 14px);
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}
.body-area .info-wrap[data-v-8125955c] {
  border-radius: 10px;
  font-family: "SF UI Text";
  margin-top: 10px;
  -webkit-box-shadow: 0px 0px 10px 0px #0000000d;
          box-shadow: 0px 0px 10px 0px #0000000d;
  width: 360px;
  border: 1px solid #ebecf1;
}
.body-area .info-wrap .header-qr[data-v-8125955c] {
  background-color: #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px 10px 0 0;
  width: 360px;
}
.body-area .info-wrap .header-qr .download-qr[data-v-8125955c] {
  text-align: left;
}
.body-area .info-wrap .header-qr .download-qr .title-des[data-v-8125955c] {
  color: #1a273e;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  margin-bottom: 15px;
}
.body-area .info-wrap .header-qr .download-qr .qr-small[data-v-8125955c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.body-area .info-wrap .header-qr .download-qr .qr-small .left-qr[data-v-8125955c] {
  width: 100x;
  text-align: center;
}
.body-area .info-wrap .header-qr .download-qr .qr-small .left-qr .qr-text[data-v-8125955c] {
  margin-top: 10px;
  display: inline-block;
  font-size: 12px;
  color: #a0a3af;
}
.body-area .info-wrap .header-qr .download-qr .qr-small .left-qr .qr-ios[data-v-8125955c] {
  width: 100px;
  height: 100px;
}
.body-area .info-wrap .header-qr .download-qr .qr-small .left-qr .qr-ios img[data-v-8125955c] {
  width: 100%;
  height: 100%;
}
.body-area .info-wrap .header-qr .download-qr .qr-small .left-qr[data-v-8125955c]:nth-of-type(1) {
  margin-right: 30px;
}
.body-area .info-wrap .header-qr .single-qr[data-v-8125955c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 165.79px;
}
.body-area .info-wrap .header-qr .single-qr span[data-v-8125955c] {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #515666;
}
.body-area .info-wrap .header-qr .single-qr .qr-img[data-v-8125955c] {
  width: 114px;
  height: 114px;
}
.body-area .info-wrap .header-qr .single-qr .qr-img img[data-v-8125955c] {
  height: 100%;
  width: 100%;
}
.body-area .info-wrap .support-call[data-v-8125955c] {
  padding: 20px;
  border-radius: 0 0 10px 10px;
  color: #a0a3af;
}
.body-area .info-wrap .support-call .call-desc[data-v-8125955c] {
  font-size: 12px;
  margin-bottom: 10px;
}
.body-area .info-wrap .support-call .phone-text[data-v-8125955c] {
  color: #1a273e;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 10px;
}
.body-area .info-wrap .support-call .time[data-v-8125955c] {
  font-weight: 500;
  font-size: 14px;
  color: #515666;
}
.bottom-area[data-v-8125955c] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: -10px 0px 20px 0px #0000000d;
          box-shadow: -10px 0px 20px 0px #0000000d;
  background-color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 20px;
  height: 50px;
  font-weight: 500;
  font-size: 14px;
}
.bottom-area .icon-support_04[data-v-8125955c] {
  color: #3b5cde;
  font-size: 16px;
  margin-right: 10px;
}
.bottom-area .unread-conversation-area[data-v-8125955c] {
  margin-left: 6px;
  padding: 0 4px;
  min-width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  background-color: #f0454c;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bottom-area .icon-arrow_01_right[data-v-8125955c] {
  margin-left: auto;
  font-size: 14px;
  color: #202437;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chatEntry/LoftyAssistantPop/components/serviceBot/HyperLinkPopover.vue?vue&type=style&index=0&id=dab305c8&prod&lang=less&scoped=true& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-dab305c8] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-dab305c8]:hover {
  text-decoration: underline;
}
.hyper-link-popover[data-v-dab305c8] {
  border-radius: 6px;
  background: rgba(32, 36, 55, 0.95);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 6px 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 300px;
}
.hyper-link-popover .desc-area[data-v-dab305c8] {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  display: -webkit-box;
  line-clamp: 5;
  -webkit-line-clamp: 5;
  box-orient: vertical;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  word-break: break-word;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: -webkit-calc(20px * 5);
  max-height: calc(20px * 5);
  /* Adjust the multiplier based on your line height */
  line-height: 20px;
  /* Adjust the line height as necessary */
}
.hyper-link-popover .icon-box[data-v-dab305c8] {
  margin-left: 5px;
  width: 20px;
  height: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 4px;
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.hyper-link-popover .icon-box .icon-view_03[data-v-dab305c8] {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}
.hyper-link-popover .icon-box[data-v-dab305c8]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.hyper-link-popover .icon-box:hover .icon-view_03[data-v-dab305c8] {
  color: #fff;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chatEntry/LoftyAssistantPop/components/serviceBot/HyperLink.vue?vue&type=style&index=0&id=25182cb7&prod&lang=less&scoped=true& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-25182cb7] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-25182cb7]:hover {
  text-decoration: underline;
}
.hyper-link-wrap[data-v-25182cb7] {
  cursor: pointer;
  color: var(--primary-color);
  text-decoration: underline;
  display: inline-block;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chatEntry/LoftyAssistantPop/components/serviceBot/HyperLink.vue?vue&type=style&index=1&id=25182cb7&prod&lang=less& ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.hyper-link-popover-wrap-cls.com-popover-container {
  z-index: 2001;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chatEntry/LoftyAssistantPop/pop/HistoryListPop.vue?vue&type=style&index=0&id=1eb8285a&prod&lang=less&scoped=true& ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-1eb8285a] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-1eb8285a]:hover {
  text-decoration: underline;
}
.history-list-pop[data-v-1eb8285a] {
  position: fixed;
  top: 0;
  right: 400px;
  left: unset;
  bottom: unset;
  height: 100vh;
  overflow: hidden;
  background: unset !important;
}
.history-list-pop.has-box-shadow[data-v-1eb8285a] {
  -webkit-box-shadow: -10px 0px 15px 0px rgba(0, 0, 0, 0.05);
          box-shadow: -10px 0px 15px 0px rgba(0, 0, 0, 0.05);
}
.history-list-pop[data-v-1eb8285a] .pop-container {
  width: 100%;
  height: 100%;
  max-height: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
.history-list-pop[data-v-1eb8285a] .pop-container .pop-title {
  height: 59px;
  line-height: 60px;
}
.history-list-pop .content-area[data-v-1eb8285a] {
  width: 100%;
  overflow-y: auto;
}
.history-list-pop .content-area .history-list[data-v-1eb8285a] {
  padding: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.history-list-pop .content-area .history-list .conversation-item[data-v-1eb8285a] {
  padding: 10px;
  border-radius: 6px;
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.history-list-pop .content-area .history-list .conversation-item .item-desc[data-v-1eb8285a] {
  font-size: 14px;
  font-weight: 400;
  color: #515666;
  line-height: 20px;
}
.history-list-pop .content-area .history-list .conversation-item .item-time-str[data-v-1eb8285a] {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #a0a3af;
  margin-left: 4px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.history-list-pop .content-area .history-list .conversation-item[data-v-1eb8285a]:hover {
  background-color: #f6f7fb;
}
.history-list-pop .content-area .history-list .conversation-item.is-selected[data-v-1eb8285a] {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}
.history-list-pop .content-area .history-list .conversation-item.is-selected .item-desc[data-v-1eb8285a] {
  font-weight: 500;
  color: var(--primary-color);
}
.history-list-pop .content-area .history-list .conversation-item.unread-message-sign .item-desc[data-v-1eb8285a] {
  font-weight: 500;
}
.history-list-pop .content-area .history-list .conversation-item.unread-message-sign[data-v-1eb8285a]::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #f0454c;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.history-list-pop .content-area .history-list .conversation-item + .conversation-item[data-v-1eb8285a] {
  margin-top: 10px;
}
.history-list-pop .content-area .empty-area[data-v-1eb8285a] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.history-list-pop .content-area .empty-area .icon2017[data-v-1eb8285a] {
  font-size: 40px;
  color: #c6c8d1;
}
.history-list-pop .content-area .empty-area .empty-text[data-v-1eb8285a] {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #c6c8d1;
  margin-top: 20px;
}
.lofty3-history-list-pop[data-v-1eb8285a] {
  right: 450px;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chatEntry/LoftyAssistantPop/components/DialogLoading.vue?vue&type=style&index=0&id=3e6c4e48&prod&lang=less&scoped=true& ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-3e6c4e48] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-3e6c4e48]:hover {
  text-decoration: underline;
}
.dialog-loading-area[data-v-3e6c4e48] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-bottom: 10px;
}
.dialog-loading-area .ai-head[data-v-3e6c4e48] {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  background: -webkit-radial-gradient(26% 26%, 82.38% 82.38%, #4364e9 0%, #5621c7 100%);
  background: radial-gradient(82.38% 82.38% at 26% 26%, #4364e9 0%, #5621c7 100%);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.dialog-loading-area .ai-head .icon-AI[data-v-3e6c4e48] {
  font-size: 16px;
  color: #fff;
}
.dialog-loading-area .loading-area[data-v-3e6c4e48] {
  border-radius: 4px 20px 20px 20px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(32, 36, 55, 0.1);
          box-shadow: 0px 1px 3px 0px rgba(32, 36, 55, 0.1);
  max-width: 300px;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.dialog-loading-area .loading-area .loading-text[data-v-3e6c4e48] {
  color: var(--primary-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  overflow-wrap: break-word;
  display: inline-block;
}
.dialog-loading-area .loading-area .loading-text .loading-dot[data-v-3e6c4e48] {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  margin-left: 3px;
}
.dialog-loading-area .loading-area .loading-text .loading-dot .dot[data-v-3e6c4e48] {
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--primary-color);
  -webkit-animation: dot-pulse-left-3e6c4e48 1s infinite ease-in-out;
          animation: dot-pulse-left-3e6c4e48 1s infinite ease-in-out;
}
.dialog-loading-area .loading-area .loading-text .loading-dot .dot + .dot[data-v-3e6c4e48] {
  margin-left: 2px;
}
.dialog-loading-area .loading-area .loading-text .loading-dot .dot[data-v-3e6c4e48]:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.dialog-loading-area .loading-area .loading-text .loading-dot .dot[data-v-3e6c4e48]:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
@-webkit-keyframes dot-pulse-left-3e6c4e48 {
0% {
    background: var(--primary-color);
}
50% {
    background: rgba(var(--primary-color-rgb), 0.1);
}
100% {
    background: var(--primary-color);
}
}
@keyframes dot-pulse-left-3e6c4e48 {
0% {
    background: var(--primary-color);
}
50% {
    background: rgba(var(--primary-color-rgb), 0.1);
}
100% {
    background: var(--primary-color);
}
}
.dialog-loading-area.is-right .loading-area[data-v-3e6c4e48] {
  margin-left: auto;
  border-radius: 20px 4px 20px 20px;
  background-color: var(--primary-color);
}
.dialog-loading-area.is-right .loading-area .loading-text[data-v-3e6c4e48] {
  color: #fff;
}
.dialog-loading-area.is-right .loading-area .loading-text .loading-dot .dot[data-v-3e6c4e48] {
  background: #fff;
  -webkit-animation: dot-pulse-right-3e6c4e48 1s infinite ease-in-out;
          animation: dot-pulse-right-3e6c4e48 1s infinite ease-in-out;
}
@-webkit-keyframes dot-pulse-right-3e6c4e48 {
0% {
    background: #fff;
}
50% {
    background: rgba(255, 255, 255, 0.1);
}
100% {
    background: #fff;
}
}
@keyframes dot-pulse-right-3e6c4e48 {
0% {
    background: #fff;
}
50% {
    background: rgba(255, 255, 255, 0.1);
}
100% {
    background: #fff;
}
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chatEntry/LoftyAssistantPop/components/serviceBot/ImageDialog.vue?vue&type=style&index=0&id=58c34b25&prod&lang=less&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-58c34b25] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-58c34b25]:hover {
  text-decoration: underline;
}
.image-dialog-area[data-v-58c34b25] {
  display: block;
  height: 180px;
  border-radius: 4px 20px 20px 20px;
  cursor: pointer;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chatEntry/LoftyAssistantPop/components/serviceBot/FileDialog.vue?vue&type=style&index=0&id=e420ab46&prod&lang=less&scoped=true& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-e420ab46] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-e420ab46]:hover {
  text-decoration: underline;
}
.file-dialog-area[data-v-e420ab46] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 300px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  background-color: #fff;
  border: 1px solid #ebecf1;
  border-radius: 12px;
  cursor: pointer;
}
.file-dialog-area .pdf-icon[data-v-e420ab46] {
  display: block;
  width: 30px;
  height: 30px;
}
.file-dialog-area .left-file-icon[data-v-e420ab46] {
  font-size: 30px;
  color: #e1e2e6;
}
.file-dialog-area .file-info[data-v-e420ab46] {
  margin-left: 10px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.file-dialog-area .file-info .file-name[data-v-e420ab46] {
  color: #202437;
}
.file-dialog-area .file-info .file-size[data-v-e420ab46] {
  margin-top: 2px;
  font-size: 12px;
  color: #a0a3af;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chatEntry/LoftyAssistantPop/components/outside/EvaluationArea.vue?vue&type=style&index=0&id=7c439e77&prod&lang=less&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-7c439e77] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-7c439e77]:hover {
  text-decoration: underline;
}
.evaluation-area[data-v-7c439e77] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation-area .icon-box[data-v-7c439e77] {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
}
.evaluation-area .icon-box .icon2017[data-v-7c439e77] {
  color: #a0a3af;
  font-size: 16px;
}
.evaluation-area .icon-box[data-v-7c439e77]:hover {
  background-color: rgba(59, 92, 222, 0.1);
}
.evaluation-area .icon-box:hover .icon2017[data-v-7c439e77] {
  color: var(--primary-color);
}
.evaluation-area .icon-box:hover.dislike[data-v-7c439e77] {
  background-color: rgba(240, 69, 76, 0.1);
}
.evaluation-area .icon-box:hover.dislike .icon2017[data-v-7c439e77] {
  color: #f0454c;
}
.evaluation-area .icon-box.disabled[data-v-7c439e77] {
  opacity: 0.4;
  cursor: not-allowed;
  background-color: transparent !important;
}
.evaluation-area .icon-box.disabled .icon2017[data-v-7c439e77] {
  color: #a0a3af !important;
}
.evaluation-area .icon-box.is-active[data-v-7c439e77] {
  background-color: rgba(32, 36, 55, 0.05);
}
.evaluation-area .icon-box.is-active .icon2017[data-v-7c439e77] {
  color: #797e8b;
}
.evaluation-area .icon-box + .icon-box[data-v-7c439e77] {
  margin-left: 5px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/mediaPop/mediaPop.vue?vue&type=style&index=0&id=55c15a4d&prod&lang=less& ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.listing-discovery-media-pop.pop-mask {
  background: rgba(32, 36, 55, 0.8) !important;
}
.listing-discovery-media-pop .pop-container {
  max-height: 100%;
  height: 100%;
  width: 100%;
  background: transparent !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.listing-discovery-media-pop .pop-title {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 9;
}
.listing-discovery-media-pop .pop-title .icon-cancel_bold {
  color: #fff;
  opacity: 0.8;
  font-size: 20px;
  top: 20px;
  line-height: 1;
}
.listing-discovery-media-pop .pop-title .icon-cancel_bold:hover {
  color: #fff;
  opacity: 1;
}
.listing-discovery-media-pop .pop-footer {
  display: none;
}
.listing-discovery-media-pop .pop-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.listing-discovery-media-pop .swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.listing-discovery-media-pop .swiper-item {
  position: relative;
}
.listing-discovery-media-pop .pictures-label {
  padding: 0px 10px;
  height: 26px;
  background: #202437;
  opacity: 0.8;
  border-radius: 15px;
  position: absolute;
  font-weight: 700;
  font-size: 12px;
  right: 10px;
  top: 10px;
  color: #fff;
  line-height: 26px;
  white-space: nowrap;
}
.listing-discovery-media-pop .swiper-item-img {
  max-height: -webkit-calc(100vh - 120px);
  max-height: calc(100vh - 120px);
  max-width: -webkit-calc(100vw - 120px);
  max-width: calc(100vw - 120px);
  width: auto;
  height: auto;
}
.listing-discovery-media-pop .swiper-button {
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0px 5px 10px rgba(32, 36, 55, 0.1);
          box-shadow: 0px 5px 10px rgba(32, 36, 55, 0.1);
  border-radius: 50%;
}
.listing-discovery-media-pop .swiper-button::after {
  font-size: 16px;
  color: #a0a3af;
}
.listing-discovery-media-pop .swiper-button.swiper-button-prev {
  left: 30px;
}
.listing-discovery-media-pop .swiper-button.swiper-button-next {
  right: 30px;
}
.listing-discovery-media-pop .swiper-button.swiper-button-prev.swiper-button-disabled,
.listing-discovery-media-pop .swiper-button.swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.listing-discovery-media-pop .swiper-button.swiper-button-prev.swiper-button-disabled::after,
.listing-discovery-media-pop .swiper-button.swiper-button-next.swiper-button-disabled::after {
  opacity: 0.4;
}
.listing-discovery-media-pop .swiper-button:hover:not(.swiper-button-disabled)::after {
  color: var(--primary-color);
}
.listing-discovery-media-pop .com-swiper-container {
  width: 100%;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chatEntry/LoftyAssistantPop/LoftyAssistantPopBody.vue?vue&type=style&index=0&id=62db383b&prod&lang=less&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-62db383b] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-62db383b]:hover {
  text-decoration: underline;
}
.lofty-assistant-drawer-body[data-v-62db383b] {
  height: -webkit-calc(100% - 60px);
  height: calc(100% - 60px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
}
.lofty-assistant-drawer-body .content-area[data-v-62db383b] {
  padding: 20px 20px 0 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
     -moz-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: scroll-behavior 0.5s ease-in-out;
  transition: scroll-behavior 0.5s ease-in-out;
}
.lofty-assistant-drawer-body .content-area .top-tip[data-v-62db383b] {
  background-color: rgba(32, 36, 55, 0.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #a0a3af;
  text-align: center;
}
.lofty-assistant-drawer-body .content-area .top-time[data-v-62db383b] {
  color: #a0a3af;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-top: 20px;
}
.lofty-assistant-drawer-body .content-area .today-time[data-v-62db383b] {
  margin-top: 20px;
  color: #a0a3af;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap[data-v-62db383b] {
  position: relative;
  margin-top: 30px;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item[data-v-62db383b] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-head[data-v-62db383b] {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  background: -webkit-radial-gradient(26% 26%, 82.38% 82.38%, #4364e9 0%, #5621c7 100%);
  background: radial-gradient(82.38% 82.38% at 26% 26%, #4364e9 0%, #5621c7 100%);
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-head .icon-AI[data-v-62db383b] {
  font-size: 16px;
  color: #fff;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-head .support-name[data-v-62db383b] {
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog[data-v-62db383b] {
  border-radius: 4px 20px 20px 20px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(32, 36, 55, 0.1);
          box-shadow: 0px 1px 3px 0px rgba(32, 36, 55, 0.1);
  max-width: 300px;
  min-width: 40px;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog[data-v-62db383b]::after {
  content: attr(data-time);
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  padding-top: 3px;
  color: #a0a3af;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  white-space: nowrap;
  opacity: 0;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog.more-mb[data-v-62db383b] {
  margin-bottom: 20px;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog.is-file-dialog[data-v-62db383b] {
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog .dialog-content[data-v-62db383b] {
  color: #202437;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  overflow-wrap: break-word;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog .dialog-content[data-v-62db383b] a,
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog .dialog-content[data-v-62db383b] .to-edit-blog,
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog .dialog-content[data-v-62db383b] .try-it-later,
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog .dialog-content[data-v-62db383b] .to-zendesk-conversation {
  text-decoration: underline;
  color: var(--primary-color);
  cursor: pointer;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog .dialog-content[data-v-62db383b] .annotation-tag {
  padding: 2px 3px;
  background-color: #f6f7f8;
  border: 1px solid #e1e2e6;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog .dialog-content[data-v-62db383b] .connect-option-li {
  padding-left: 12px;
  color: #202437;
  line-height: 20px;
  list-style-type: none;
  position: relative;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog .dialog-content[data-v-62db383b] .connect-option-li::before {
  display: inline-block;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #202437;
  position: absolute;
  top: 8px;
  left: 4px;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .ai-dialog .dialog-content[data-v-62db383b] .connect-option-li + :deep(.connect-option-li) {
  margin-top: 6px;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .time-and-comment[data-v-62db383b] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  padding-top: 3px;
  opacity: 0;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .time-and-comment .item-time[data-v-62db383b] {
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  color: #a0a3af;
  white-space: nowrap;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap .ai-dialog-item .time-and-comment.can-show-it[data-v-62db383b] {
  opacity: 1;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap:hover .time-and-comment[data-v-62db383b] {
  opacity: 1;
}
.lofty-assistant-drawer-body .content-area .ai-dialog-item-wrap:hover .ai-dialog-item .ai-dialog[data-v-62db383b]::after {
  opacity: 1;
}
.lofty-assistant-drawer-body .content-area .user-dialog-item[data-v-62db383b] {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.lofty-assistant-drawer-body .content-area .user-dialog-item .user-dialog[data-v-62db383b] {
  border-radius: 20px 4px 20px 20px;
  background: var(--primary-color);
  max-width: 300px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: auto;
  position: relative;
}
.lofty-assistant-drawer-body .content-area .user-dialog-item .user-dialog[data-v-62db383b]::after {
  content: attr(data-time);
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  padding-top: 3px;
  color: #a0a3af;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  white-space: nowrap;
  opacity: 0;
}
.lofty-assistant-drawer-body .content-area .user-dialog-item .user-dialog[data-v-62db383b]:hover::after {
  opacity: 1;
}
.lofty-assistant-drawer-body .content-area .user-dialog-item .user-dialog.is-file-dialog[data-v-62db383b] {
  background-color: transparent;
}
.lofty-assistant-drawer-body .content-area .user-dialog-item .user-dialog.is-file-dialog[data-v-62db383b] .image-dialog-area {
  border-radius: 20px 4px 20px 20px;
}
.lofty-assistant-drawer-body .content-area .user-dialog-item .user-dialog .dialog-content[data-v-62db383b] {
  padding: 10px 15px;
  color: #ffffff;
  overflow-wrap: break-word;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.lofty-assistant-drawer-body .content-area .user-dialog-item .user-dialog .dialog-content[data-v-62db383b] a {
  text-decoration: underline;
  color: var(--primary-color);
}
.lofty-assistant-drawer-body .line-between-cls[data-v-62db383b] {
  color: #a0a3af;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lofty-assistant-drawer-body .line-between-cls[data-v-62db383b]::before {
  content: "";
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #e1e2e6;
  margin-right: 10px;
  height: 1px;
}
.lofty-assistant-drawer-body .line-between-cls[data-v-62db383b]::after {
  content: "";
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #e1e2e6;
  margin-left: 10px;
  height: 1px;
}
.lofty-assistant-drawer-body .line-between-cls.message-end-cls[data-v-62db383b] {
  margin: 20px 20px 0 20px;
}
.lofty-assistant-drawer-body .mt30[data-v-62db383b] {
  margin-top: 30px;
}
.lofty-assistant-drawer-body .bottom-area[data-v-62db383b] {
  padding: 20px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ebecf1;
}
.lofty-assistant-drawer-body .bottom-area .restore-btn[data-v-62db383b] {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--primary-color-3)), to(var(--primary-color)));
  background: -webkit-linear-gradient(top, var(--primary-color-3) 0%, var(--primary-color) 100%);
  background: linear-gradient(180deg, var(--primary-color-3) 0%, var(--primary-color) 100%);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(32, 36, 55, 0.03);
          box-shadow: 0px 5px 10px 0px rgba(32, 36, 55, 0.03);
}
.lofty-assistant-drawer-body .bottom-area .restore-btn[data-v-62db383b]:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.1))), -webkit-gradient(linear, left top, left bottom, from(var(--primary-color-3)), to(var(--primary-color)));
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), -webkit-linear-gradient(top, var(--primary-color-3) 0%, var(--primary-color) 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), linear-gradient(180deg, var(--primary-color-3) 0%, var(--primary-color) 100%);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(32, 36, 55, 0.03);
          box-shadow: 0px 5px 10px 0px rgba(32, 36, 55, 0.03);
}
.lofty-assistant-drawer-body .bottom-area .restore-btn[data-v-62db383b]:active {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), -webkit-gradient(linear, left top, left bottom, from(var(--primary-color-3)), to(var(--primary-color)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%), -webkit-linear-gradient(top, var(--primary-color-3) 0%, var(--primary-color) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%), linear-gradient(180deg, var(--primary-color-3) 0%, var(--primary-color) 100%);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(32, 36, 55, 0.03);
          box-shadow: 0px 5px 10px 0px rgba(32, 36, 55, 0.03);
}
.lofty-assistant-drawer-body .bottom-area .restore-btn .icon-add_bold[data-v-62db383b] {
  font-size: 16px;
  color: #fff;
}
.lofty-assistant-drawer-body .bottom-area .restore-btn.is-disabled[data-v-62db383b] {
  cursor: not-allowed;
  opacity: 0.4;
}
.lofty-assistant-drawer-body .bottom-area .input-box[data-v-62db383b] {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
     -moz-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  position: relative;
  width: 100%;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 24px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(32, 36, 55, 0.03);
          box-shadow: 0px 5px 10px 0px rgba(32, 36, 55, 0.03);
  padding-left: 15px;
  border: 1px solid #ebecf1;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lofty-assistant-drawer-body .bottom-area .input-box.more-padding[data-v-62db383b] {
  padding-top: 10px;
  padding-bottom: 35px;
  border-radius: 12px;
}
.lofty-assistant-drawer-body .bottom-area .input-box.more-padding .input-area[data-v-62db383b] {
  padding: 0;
  margin-top: 0;
}
.lofty-assistant-drawer-body .bottom-area .input-box.more-padding .file-icon-box[data-v-62db383b] {
  margin-top: -5px;
}
.lofty-assistant-drawer-body .bottom-area .input-box.more-padding .right-icon-box[data-v-62db383b] {
  margin-top: -8px;
}
.lofty-assistant-drawer-body .bottom-area .input-box .input-area[data-v-62db383b] {
  border: none;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
     -moz-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  background-color: #fff;
  color: #202437;
  line-height: 20px;
  padding: 10px;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
.lofty-assistant-drawer-body .bottom-area .input-box .input-area[data-v-62db383b]::-moz-placeholder {
  color: #c6c8d1;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.lofty-assistant-drawer-body .bottom-area .input-box .input-area[data-v-62db383b]::placeholder,
.lofty-assistant-drawer-body .bottom-area .input-box .input-area[data-v-62db383b]::-moz-placeholder {
  color: #c6c8d1;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.lofty-assistant-drawer-body .bottom-area .input-box .input-area.is-inputting[data-v-62db383b] {
  width: 100%;
  height: 50px;
  max-height: 80px;
  overflow-y: auto;
}
.lofty-assistant-drawer-body .bottom-area .input-box .input-area.is-not-inputting[data-v-62db383b] {
  height: 40px !important;
}
.lofty-assistant-drawer-body .bottom-area .input-box .file-icon-box[data-v-62db383b] {
  margin-top: 5px;
  margin-right: 2px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.lofty-assistant-drawer-body .bottom-area .input-box .file-icon-box .icon-paper_clip_02[data-v-62db383b] {
  font-size: 16px;
  color: #797e8b;
}
.lofty-assistant-drawer-body .bottom-area .input-box .file-icon-box .file-input[data-v-62db383b] {
  display: none;
}
.lofty-assistant-drawer-body .bottom-area .input-box .file-icon-box[data-v-62db383b]:hover {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}
.lofty-assistant-drawer-body .bottom-area .input-box .file-icon-box:hover .icon-paper_clip_02[data-v-62db383b] {
  color: var(--primary-color);
}
.lofty-assistant-drawer-body .bottom-area .input-box .file-icon-box[data-v-62db383b]:active {
  background-color: rgba(var(--primary-color-rgb), 0.2);
}
.lofty-assistant-drawer-body .bottom-area .input-box .file-icon-box.disabled[data-v-62db383b] {
  cursor: not-allowed;
  opacity: 0.4;
}
.lofty-assistant-drawer-body .bottom-area .input-box .file-icon-box.disabled[data-v-62db383b]:hover,
.lofty-assistant-drawer-body .bottom-area .input-box .file-icon-box.disabled[data-v-62db383b]:active {
  background-color: transparent;
}
.lofty-assistant-drawer-body .bottom-area .input-box .file-icon-box.disabled:hover .icon-paper_clip_02[data-v-62db383b],
.lofty-assistant-drawer-body .bottom-area .input-box .file-icon-box.disabled:active .icon-paper_clip_02[data-v-62db383b] {
  color: #797e8b;
}
.lofty-assistant-drawer-body .bottom-area .input-box .right-icon-box[data-v-62db383b] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  height: 36px;
  border-radius: 20px;
  background: #fff;
  cursor: pointer;
  margin-top: 2px;
  margin-right: 2px;
}
.lofty-assistant-drawer-body .bottom-area .input-box .right-icon-box[data-v-62db383b]:hover {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}
.lofty-assistant-drawer-body .bottom-area .input-box .right-icon-box[data-v-62db383b]:active {
  background-color: rgba(var(--primary-color-rgb), 0.2);
}
.lofty-assistant-drawer-body .bottom-area .input-box .right-icon-box.disabled[data-v-62db383b] {
  background-color: #fff;
  cursor: not-allowed;
  opacity: 0.4;
}
.lofty-assistant-drawer-body .bottom-area .input-box .right-icon-box.disabled .right-icon[data-v-62db383b] {
  color: rgba(32, 36, 55, 0.4);
}
.lofty-assistant-drawer-body .bottom-area .input-box .right-icon-box .right-icon[data-v-62db383b] {
  font-size: 16px;
  color: var(--primary-color);
}
.lofty-assistant-drawer-body .bottom-area .input-box .input-counter[data-v-62db383b] {
  position: absolute;
  left: 15px;
  bottom: 10px;
  color: #515666;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.lofty-assistant-drawer-body .is-end-btn-area[data-v-62db383b] {
  padding: 20px;
  height: 80px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lofty-assistant-drawer-body .is-end-btn-area .chime-btn[data-v-62db383b] {
  width: 100%;
  height: 40px;
  border-radius: 24px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chatEntry/LoftyAssistantPop/index.vue?vue&type=style&index=0&id=7845fe4c&prod&lang=less&scoped=true& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-7845fe4c] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-7845fe4c]:hover {
  text-decoration: underline;
}
.lofty-assistant-drawer[data-v-7845fe4c] {
  position: fixed;
  top: 0;
  right: 0;
  left: unset;
  bottom: unset;
  z-index: 2000;
  width: 400px;
  height: 100vh;
  overflow: hidden;
  background: #f8f8f9;
  -webkit-box-shadow: 0px 30px 30px 0px rgba(32, 36, 55, 0.1);
          box-shadow: 0px 30px 30px 0px rgba(32, 36, 55, 0.1);
}
.lofty-assistant-drawer .pop-area-wrap[data-v-7845fe4c] {
  height: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lofty-assistant-drawer .title-area[data-v-7845fe4c] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color-6) 100%);
  background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color-6) 100%);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.lofty-assistant-drawer .title-area .text-wrap[data-v-7845fe4c] {
  -webkit-flex-basis: 288px;
      -ms-flex-preferred-size: 288px;
          flex-basis: 288px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
     -moz-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.lofty-assistant-drawer .title-area.whiteBg[data-v-7845fe4c] {
  background-color: #fff;
  background-image: none;
  color: #202437;
  border-bottom: 1px solid #ebecf1;
}
.lofty-assistant-drawer .title-area.whiteBg .top-title[data-v-7845fe4c] {
  color: #202437;
}
.lofty-assistant-drawer .title-area.whiteBg .top-title-tag[data-v-7845fe4c] {
  background-color: rgba(32, 196, 114, 0.1);
  color: #20c472;
}
.lofty-assistant-drawer .title-area.whiteBg .top-icon-box.is-selected[data-v-7845fe4c],
.lofty-assistant-drawer .title-area.whiteBg .top-icon-box[data-v-7845fe4c]:hover {
  background-color: rgba(var(--primary-color-rgb), 0.1) !important;
}
.lofty-assistant-drawer .title-area.whiteBg .top-icon-box.is-selected .icon2017[data-v-7845fe4c],
.lofty-assistant-drawer .title-area.whiteBg .top-icon-box:hover .icon2017[data-v-7845fe4c] {
  color: var(--primary-color) !important;
  opacity: 1;
}
.lofty-assistant-drawer .title-area.whiteBg .top-icon-box .icon2017[data-v-7845fe4c] {
  color: #515666;
}
.lofty-assistant-drawer .title-area.whiteBg .top-icon-box .icon2017.icon-cancel_bold[data-v-7845fe4c] {
  color: #a0a3af;
}
.lofty-assistant-drawer .title-area .top-title[data-v-7845fe4c] {
  text-transform: capitalize;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.lofty-assistant-drawer .title-area .top-title-tag[data-v-7845fe4c] {
  background-color: rgba(255, 255, 255, 0.1);
  margin-left: 5px;
  border-radius: 12px;
  font-size: 12px;
  color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 20px;
  line-height: 20px;
  text-align: center;
  padding: 0 8px;
}
.lofty-assistant-drawer .title-area .top-icon-box[data-v-7845fe4c] {
  width: 26px;
  height: 26px;
  border-radius: 4px;
  background: transparent;
  display: inline-block;
  text-align: center;
  line-height: 26px;
  cursor: pointer;
  position: relative;
}
.lofty-assistant-drawer .title-area .top-icon-box[data-v-7845fe4c]:nth-of-type(1) {
  margin-right: auto;
}
.lofty-assistant-drawer .title-area .top-icon-box[data-v-7845fe4c]:nth-last-of-type(1) {
  margin-left: auto;
}
.lofty-assistant-drawer .title-area .top-icon-box .icon2017[data-v-7845fe4c] {
  font-size: 16px;
  opacity: 0.6;
  color: #fff;
}
.lofty-assistant-drawer .title-area .top-icon-box.is-selected[data-v-7845fe4c],
.lofty-assistant-drawer .title-area .top-icon-box[data-v-7845fe4c]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.lofty-assistant-drawer .title-area .top-icon-box.is-selected .icon2017[data-v-7845fe4c],
.lofty-assistant-drawer .title-area .top-icon-box:hover .icon2017[data-v-7845fe4c] {
  color: #ffffff;
  opacity: 1;
}
.lofty-assistant-drawer .title-area .top-icon-box .unread-message-box[data-v-7845fe4c] {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  padding: 0 4px;
  min-width: 16px;
  height: 16px;
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 7px 7px 7px 2px;
  background-color: #f0454c;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lofty-assistant-drawer[data-v-7845fe4c] #tip-panel-toast {
  position: absolute;
  width: unset;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px 15px;
  top: unset;
  bottom: 15%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lofty3-assistant-drawer[data-v-7845fe4c] {
  position: relative !important;
  width: 100% !important;
  height: 100%;
  z-index: 2000;
  background: #f8f8f9;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
/*(Slide in) -- Slide in from the right side and out from the right side */
.rightToRight-enter-active[data-v-7845fe4c] {
  -webkit-animation: slideIn_right-7845fe4c 0.3s;
          animation: slideIn_right-7845fe4c 0.3s;
}
/*(Slide out) -- Slide in from the right, slide out from the right */
.rightToRight-leave-active[data-v-7845fe4c] {
  -webkit-animation: slideOut_right-7845fe4c 0.3s;
          animation: slideOut_right-7845fe4c 0.3s;
}
/* Slide in -- from the right */
@-webkit-keyframes slideIn_right-7845fe4c {
0% {
    right: -100%;
}
100% {
    right: 0;
}
}
@keyframes slideIn_right-7845fe4c {
0% {
    right: -100%;
}
100% {
    right: 0;
}
}
/* Slide out -- from the right */
@-webkit-keyframes slideOut_right-7845fe4c {
0% {
    right: 0;
}
100% {
    right: -100%;
}
}
@keyframes slideOut_right-7845fe4c {
0% {
    right: 0;
}
100% {
    right: -100%;
}
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/RightPanel/chatContainer.vue?vue&type=style&index=0&id=5fa10a22&prod&lang=less&scoped=true& ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-5fa10a22] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-5fa10a22]:hover {
  text-decoration: underline;
}
.right-panel-chat-container[data-v-5fa10a22] {
  width: 100%;
  height: 100%;
  position: relative;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/RightPanel/dialerContainer.vue?vue&type=style&index=0&id=27f0b320&prod&lang=less&scoped=true& ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-27f0b320] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-27f0b320]:hover {
  text-decoration: underline;
}
.right-panel-dialer-container[data-v-27f0b320] {
  width: 100%;
  height: 100%;
  position: relative;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/RightPanel/loftyAiContainer.vue?vue&type=style&index=0&id=6130b38c&prod&lang=less&scoped=true& ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-6130b38c] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-6130b38c]:hover {
  text-decoration: underline;
}
.right-panel-lofty-container[data-v-6130b38c] {
  width: 100%;
  height: 100%;
  position: relative;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chat/components/LoftyAINoticeCard.vue?vue&type=style&index=0&id=524ab705&prod&lang=less&scoped=true& ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-524ab705] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-524ab705]:hover {
  text-decoration: underline;
}
.lofty-ai-notice-card[data-v-524ab705] {
  width: 390px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  border-top: 2px solid #3b5cde;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.lofty-ai-notice-card.NEW_TASK[data-v-524ab705] {
  border-top: 2px solid #3b5cde;
}
.lofty-ai-notice-card.NEW_TASK .title-box .title-left[data-v-524ab705] {
  background: -webkit-linear-gradient(1.08deg, #90a6ff 0.92%, #3b5cde 95.27%);
  background: linear-gradient(88.92deg, #90a6ff 0.92%, #3b5cde 95.27%);
}
.lofty-ai-notice-card.NEW_EMAIL[data-v-524ab705] {
  border-top: 2px solid #5d51e2;
}
.lofty-ai-notice-card.NEW_EMAIL .title-box .title-left[data-v-524ab705] {
  background: -webkit-linear-gradient(181.08deg, #5d51e2 0.92%, #8e86eb 99.08%);
  background: linear-gradient(268.92deg, #5d51e2 0.92%, #8e86eb 99.08%);
}
.lofty-ai-notice-card.OPPORTUNITY[data-v-524ab705] {
  border-top: 2px solid #ffa600;
}
.lofty-ai-notice-card.OPPORTUNITY .title-box .title-left[data-v-524ab705] {
  background: -webkit-linear-gradient(1.08deg, #f5c600 0.92%, #ffa600 99.08%);
  background: linear-gradient(88.92deg, #f5c600 0.92%, #ffa600 99.08%);
}
.lofty-ai-notice-card.NEW_TEXT[data-v-524ab705] {
  border-top: 2px solid #b651f4;
}
.lofty-ai-notice-card.NEW_TEXT .title-box .title-left[data-v-524ab705] {
  background: -webkit-linear-gradient(1.08deg, #ea7efa 0.92%, #b651f4 93.85%);
  background: linear-gradient(88.92deg, #ea7efa 0.92%, #b651f4 93.85%);
}
.lofty-ai-notice-card .title-box[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.lofty-ai-notice-card .title-box .title-left[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 20px;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 100px;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  text-transform: uppercase;
}
.lofty-ai-notice-card .title-box .title-right[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 20px;
}
.lofty-ai-notice-card .title-box .title-right .time[data-v-524ab705] {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #a0a3af;
  margin-right: 10px;
}
.lofty-ai-notice-card .title-box .title-right .close[data-v-524ab705] {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  color: #c6c8d1;
}
.lofty-ai-notice-card .title-box .title-right .close[data-v-524ab705]:hover {
  color: var(--primary-color);
}
.lofty-ai-notice-card .agent-box[data-v-524ab705] {
  padding: 10px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lofty-ai-notice-card .agent-box .agent-top-box[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.lofty-ai-notice-card .agent-box .agent-top-box .agent-top-left-box[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lofty-ai-notice-card .agent-box .agent-top-box .agent-top-left-box .lead-name[data-v-524ab705] {
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #202437;
  margin-right: 5px;
  cursor: pointer;
}
.lofty-ai-notice-card .agent-box .agent-top-box .agent-top-left-box .lead-name[data-v-524ab705]:hover {
  color: var(--primary-color);
  text-decoration: underline;
}
.lofty-ai-notice-card .agent-box .agent-top-box .agent-top-left-box .icon-zillow_02[data-v-524ab705] {
  font-size: 12px;
  color: #006bff;
}
.lofty-ai-notice-card .agent-box .agent-top-box .agent-top-left-box .pipeline-box[data-v-524ab705] {
  padding: 2px 8px;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0px;
  border-radius: 10px;
  background: rgba(59, 92, 222, 0.1);
  color: var(--primary-color);
  margin-left: 5px;
}
.lofty-ai-notice-card .agent-box .agent-top-box .agent-top-right-box[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.lofty-ai-notice-card .agent-box .agent-top-box .agent-top-right-box .num-box[data-v-524ab705] {
  padding: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #ffa600;
  border-radius: 4px;
  background: #fef8e4;
}
.lofty-ai-notice-card .agent-box .agent-bottom-box[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lofty-ai-notice-card .agent-box .agent-bottom-box .agent-bottom-left-box[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lofty-ai-notice-card .agent-box .agent-bottom-box .agent-bottom-left-box .lead-type-item[data-v-524ab705] {
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #797e8b;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.lofty-ai-notice-card .agent-box .agent-bottom-box .agent-bottom-left-box .lead-type-item + .lead-type-item[data-v-524ab705] {
  margin-left: 11px;
}
.lofty-ai-notice-card .agent-box .agent-bottom-box .agent-bottom-left-box .lead-type-item + .lead-type-item[data-v-524ab705]::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -6px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: #e1e2e6;
}
.lofty-ai-notice-card .agent-box .agent-bottom-box .agent-bottom-right-box[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lofty-ai-notice-card .agent-box .agent-bottom-box .agent-bottom-right-box .icon2017[data-v-524ab705] {
  margin-right: 4px;
  font-size: 8px;
  color: #797e8b;
}
.lofty-ai-notice-card .agent-box .agent-bottom-box .agent-bottom-right-box .before-time[data-v-524ab705] {
  font-weight: 400;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #797e8b;
}
.lofty-ai-notice-card .content-box[data-v-524ab705] {
  padding: 0 15px 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lofty-ai-notice-card .content-box .content-left-box[data-v-524ab705] {
  margin-right: 10px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border-radius: 50%;
}
.lofty-ai-notice-card .content-box .content-left-box i[data-v-524ab705] {
  font-size: 15px;
  color: var(--primary-color);
}
.lofty-ai-notice-card .content-box .content-right-box[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
     -moz-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.lofty-ai-notice-card .content-box .content-right-box .text-content[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.lofty-ai-notice-card .content-box .content-right-box .text-content .text[data-v-524ab705] {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0px;
  color: #202437;
  max-height: 63px;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.lofty-ai-notice-card .content-box .content-right-box .text-content .view-detail[data-v-524ab705] {
  font-weight: 400;
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #a0a3af;
  cursor: pointer;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  display: none;
}
.lofty-ai-notice-card .content-box .content-right-box .text-content .view-detail[data-v-524ab705]:hover {
  color: var(--primary-color);
}
.lofty-ai-notice-card .content-box .content-right-box .btn-box[data-v-524ab705] {
  margin-top: 10px;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lofty-ai-notice-card .content-box .content-right-box .btn-box .btn-item-box-wrap[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.lofty-ai-notice-card .content-box .content-right-box .btn-box .btn-item-box-wrap .btn-item-box[data-v-524ab705] {
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 40px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  vertical-align: middle;
  padding: 6px 15px;
  color: #5d51e2;
  background: rgba(93, 81, 226, 0.05);
}
.lofty-ai-notice-card .content-box .content-right-box .btn-box .btn-item-box-wrap .btn-item-box[data-v-524ab705]:hover {
  background-color: #5d51e2;
  color: #fff;
}
.lofty-ai-notice-card .view-more[data-v-524ab705] {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 50px;
  margin-bottom: 15px;
  color: var(--primary-color);
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
.lofty-ai-notice-card .view-more .icon2017[data-v-524ab705] {
  font-size: 12px;
  color: var(--primary-color);
  margin-left: 5px;
}
.lofty-ai-notice-card.show-all-mode .content-box .content-right-box .text-content .text[data-v-524ab705] {
  max-height: 100%;
  display: block;
}
.lofty-ai-notice-card.show-all-mode .content-box .content-right-box .text-content .view-detail[data-v-524ab705] {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.lofty-ai-notice-card.show-all-mode .content-box .content-right-box .btn-box[data-v-524ab705] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chatEntry/src/LoftyAIObPopover.vue?vue&type=style&index=0&id=86f83c52&prod&lang=less&scoped=true& ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-86f83c52] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-86f83c52]:hover {
  text-decoration: underline;
}
.lofty-ai-ob-popover[data-v-86f83c52] {
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e1e2e6;
  -webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);
  padding: 15px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 280px;
  position: relative;
}
.lofty-ai-ob-popover .desc-area[data-v-86f83c52] {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #202437;
}
.lofty-ai-ob-popover .cancel-icon-box[data-v-86f83c52] {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.lofty-ai-ob-popover .cancel-icon-box .icon-cancel_bold_small[data-v-86f83c52] {
  font-size: 12px;
  color: #a0a3af;
}
.lofty-ai-ob-popover .cancel-icon-box:hover .icon-cancel_bold_small[data-v-86f83c52] {
  color: var(--primary-color);
}
.lofty-ai-ob-popover .right-svg[data-v-86f83c52] {
  position: absolute;
  right: 1px;
  top: 30px;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  stroke-width: 1px;
  stroke: rgba(32, 36, 55, 0.1);
  -webkit-filter: drop-shadow(0px 10px 25px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0px 10px 25px rgba(0, 0, 0, 0.1));
}
.lofty-ai-ob-popover[data-v-86f83c52]::before {
  content: "";
  position: absolute;
  top: 47px;
  right: 0;
  width: 2px;
  height: 20px;
  background: #fff;
  z-index: 1;
}
.lofty-ai-ob-popover:hover .cancel-icon-box[data-v-86f83c52] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../merged-node_modules/node_modules/.pnpm/css-loader@6.5.1_webpack@5.93.0/node_modules/css-loader/dist/cjs.js??clonedRuleSet-1.use[1]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../merged-node_modules/node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.93.0/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!../merged-node_modules/node_modules/.pnpm/less-loader@10.2.0_less@4.1.2_webpack@5.93.0/node_modules/less-loader/dist/cjs.js!../merged-node_modules/node_modules/.pnpm/style-resources-loader@1.5.0_webpack@5.93.0/node_modules/style-resources-loader/lib/index.js??clonedRuleSet-1.use[4]!../merged-node_modules/node_modules/.pnpm/thread-loader@3.0.4_webpack@5.93.0/node_modules/thread-loader/dist/cjs.js??ruleSet[0].use[0]!../merged-node_modules/node_modules/.pnpm/vue-loader@15.10.0_css-loader@6.5.1_webpack@5.93.0__lodash@4.17.21_underscore@1.13.7_vue-temp_p4foeoekwewgz6lp5ogc4csrlm/node_modules/vue-loader/lib/index.js??vue-loader-options!./src/js/common-module/chat/components/OfflineTaskNoticeCard.vue?vue&type=style&index=0&id=a40366a6&prod&lang=less&scoped=true& ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chime-primary-color[data-v-a40366a6] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-a40366a6]:hover {
  text-decoration: underline;
}
.offline-task-notice-card[data-v-a40366a6] {
  width: 390px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 239, 252, 0.95)), color-stop(111.54%, rgba(250, 251, 253, 0.95)));
  background: -webkit-linear-gradient(top, rgba(235, 239, 252, 0.95) 0%, rgba(250, 251, 253, 0.95) 111.54%);
  background: linear-gradient(180deg, rgba(235, 239, 252, 0.95) 0%, rgba(250, 251, 253, 0.95) 111.54%);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  border-radius: 12px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--solid-black-ffffff, #ffffff);
}
.offline-task-notice-card .card-header[data-v-a40366a6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.offline-task-notice-card .card-header .header-left[data-v-a40366a6] {
  padding: 3px 20px;
  background: -webkit-gradient(linear, left top, right top, from(#242ffc), to(#8a54ff));
  background: -webkit-linear-gradient(left, #242ffc 0%, #8a54ff 100%);
  background: linear-gradient(90deg, #242ffc 0%, #8a54ff 100%);
  border-radius: 12px 0 100px 0;
}
.offline-task-notice-card .card-header .header-left .header-title[data-v-a40366a6] {
  font-weight: 700;
  font-style: Bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #ffffff;
}
.offline-task-notice-card .card-header .header-right[data-v-a40366a6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 4px 20px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #a0a3af;
}
.offline-task-notice-card .card-header .header-right .close-btn[data-v-a40366a6] {
  cursor: pointer;
}
.offline-task-notice-card .card-header .header-right .close-btn[data-v-a40366a6]:hover {
  opacity: 0.5;
}
.offline-task-notice-card .card-body[data-v-a40366a6] {
  padding: 20px;
}
.offline-task-notice-card .card-body .task-info[data-v-a40366a6] {
  margin-top: 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #a0a3af;
  gap: 7px;
}
.offline-task-notice-card .card-body .task-info .task-status[data-v-a40366a6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0px;
  color: #20c472;
  padding: 2px 4px;
  background-color: #20c4721a;
  border-radius: 100px;
}
.offline-task-notice-card .card-body .message-text[data-v-a40366a6] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #202437;
}
.offline-task-notice-card .card-body .card-actions[data-v-a40366a6] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 8px;
}
.offline-task-notice-card .card-body .card-actions .cancel-btn[data-v-a40366a6] {
  border: none;
  background: none;
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #797e8b;
  border-radius: 6px;
  padding: 2px 10px;
}
.offline-task-notice-card .card-body .card-actions .cancel-btn[data-v-a40366a6]:hover {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}
.offline-task-notice-card .card-body .card-actions .action-btn[data-v-a40366a6] {
  border: none;
  background: var(--primary-color);
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #ffffff;
  border-radius: 6px;
  padding: 2px 10px;
}
.offline-task-notice-card .card-body .card-actions .action-btn[data-v-a40366a6]:hover {
  background-color: var(--primary-color-5);
}