.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.instance-conf-pop {
  z-index: 999999999;
  width: 480px;
}
.instance-conf-pop .container {
  padding: 30px 20px 0;
  font-family: "SF UI Text";
  font-size: 16px;
  line-height: 1.5;
  color: #515666;
}
.instance-conf-pop .pop-footer {
  border: none;
}
.instance-conf-pop .default {
  color: #797e8b;
}
.instance-conf-pop .footer {
  text-align: center;
}
.instance-conf-pop .footer .chime-btn {
  height: 36px;
  line-height: 36px;
}
.instance-conf-pop-mask {
  z-index: 999999999;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.instance-check-pop {
  z-index: 999999999;
  width: 480px;
}
.instance-check-pop .container {
  padding: 30px 30px 0;
  font-family: "SF UI Text";
  font-size: 16px;
  line-height: 1.5;
  color: #515666;
  text-align: center;
}
.instance-check-pop .pop-footer {
  border: none;
}
.instance-check-pop .footer {
  text-align: center;
  padding: 20px 30px 0 30px !important;
}
.instance-check-pop .footer .chime-btn {
  width: 380px;
  height: 40px;
  line-height: 36px;
  margin-left: 0 !important;
  margin-bottom: 20px;
  overflow: hidden;
}
.instance-conf-pop-mask {
  z-index: 999999999;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.ImagePreview {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2001;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.ImagePreview.show {
  display: flex;
}
.ImagePreview .preview-icon {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
}
.ImagePreview .multi {
  position: absolute;
  top: 30px;
  bottom: 180px;
  left: 50%;
  transform: translateX(-50%);
}
.ImagePreview .img-list {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
.ImagePreview .img-list .img-item {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 90px;
  border: 2px solid #fff;
  background: #ebecf1;
  cursor: pointer;
  transition: all 0.3s;
}
.ImagePreview .img-list .img-item:not(:first-child) {
  margin-left: 10px;
}
.ImagePreview .img-list .img-item img {
  max-width: 100%;
  max-height: 100%;
}
.ImagePreview .img-list .img-item.active {
  border-color: var(--primary-color);
}
.ImagePreview .img-list .img-item.active .index {
  background: var(--primary-color);
  color: #fff;
}
.ImagePreview .img-list .img-item .index {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  background: #fff;
  color: #797e8b;
  font-size: 12px;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.mail-editor-preview {
  height: calc(100vh - 60px);
  box-sizing: border-box;
  width: 860px;
  padding-bottom: 69px;
  font-size: 14px;
  position: relative;
  box-shadow: 0 0 20px 3px #4c4c4c;
}
.mail-editor-preview .send-info,
.mail-editor-preview .email-body,
.mail-editor-preview .preview-footer {
  padding: 0 30px;
}
.mail-editor-preview .send-info {
  padding-bottom: 21px;
}
.mail-editor-preview .pop-body {
  flex-grow: 1;
  overflow: hidden;
}
#mail-editor-content {
  width: 100%;
}
#mail-editor-content .preview-wrap {
  height: 100%;
}
#mail-editor-content .priview-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#mail-editor-content .email-body {
  flex: 1;
  overflow: hidden;
}
#mail-editor-content .subject {
  margin-bottom: 20px;
  margin-top: 25px;
  font-size: 20px;
  font-weight: 500;
}
#mail-editor-content .preview-time {
  font-size: 14px;
  color: #797e8b;
}
#mail-editor-content .identity-text {
  display: inline-block;
  min-width: 45px;
  font-size: 14px;
  font-weight: 600;
  color: #515666;
  vertical-align: top;
}
#mail-editor-content .mail-recievers {
  display: inline-block;
  max-width: 715px;
  max-height: 57px;
  overflow: auto;
  vertical-align: top;
}
#mail-editor-content .mail-man + .mail-man {
  margin-top: 8px;
}
#mail-editor-content .split-line {
  border: none;
  border-top: 1px solid #ebecf1;
  margin: 21px 0 0 0;
  clear: both;
}
#mail-editor-content .preview-footer {
  position: absolute;
  box-sizing: border-box;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  border-top: 1px solid #ebecf1;
}
#mail-editor-content .preview-footer .back,
#mail-editor-content .preview-footer .send {
  margin-top: 15px;
}
#mail-editor-content .preview-footer .back {
  float: left;
  width: 104px;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e1e2e6;
  font-size: 14px;
  color: #797e8b;
  margin-right: 10px;
  outline: none;
  cursor: pointer;
}
#mail-editor-content .preview-footer .send {
  float: right;
  width: 104px;
  height: 40px;
  border-radius: 4px;
  background-color: var(--primary-color);
  color: #fff;
  font-size: 14px;
  border: 1px solid var(--primary-color);
  outline: none;
  cursor: pointer;
}
#mail-editor-content .switch-email {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#mail-editor-content .prev-email,
#mail-editor-content .next-email {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #e1e2e6;
  outline: none;
  cursor: pointer;
}
#mail-editor-content .prev-email .icon2017,
#mail-editor-content .next-email .icon2017 {
  font-size: 16px;
  color: #797e8b;
}
#mail-editor-content .prev-email:disabled,
#mail-editor-content .next-email:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
#mail-editor-content .preview-count {
  margin: 0 23px 0 17px;
  display: inline-block;
  min-width: 41px;
  text-align: right;
  font-weight: 600;
  color: #515666;
}
#mail-editor-content .preview-to-email {
  margin-right: 10px;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.mail-editor-preview {
  height: calc(100% - 60px);
  min-height: 400px;
  max-width: 100%;
  overflow: auto;
}
.mail-editor-preview .preview-title-box {
  display: flex;
  align-items: center;
}
.mail-editor-preview .language-select {
  margin-left: 19px;
}
.mail-editor-preview .preview-title {
  line-height: 50px;
  color: #515666;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.mail-container {
  border-radius: 5px;
  padding: 48px 26px 50px 26px;
  text-align: center;
  font-size: 14px;
}
.mail-container.new {
  width: 600px;
  padding-top: 10px;
}
.mail-container .mail-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
}
.mail-container .mail-head-detail {
  font-size: 14px;
  line-height: 16px;
  color: #515666;
  padding: 20px 70px 40px;
}
.mail-container .mail-modal {
  box-sizing: border-box;
  padding: 0 39px;
}
.mail-container .mail-modal .detail-title {
  margin-top: 35px;
  border-bottom: none;
}
.mail-container .mail-modal .detail-title .detail-title-desc {
  font-size: 14px;
  color: #515666;
  line-height: 1.14;
  font-weight: normal;
  white-space: normal;
}
.mail-container .detail-title-desc {
  font-size: 12px;
}
.mail-container .mail-main {
  display: flex;
  justify-content: space-between;
}
.mail-container .mail-main .logo-warp {
  display: inline-block;
}
.mail-container .mail-main .logo-warp img {
  display: block;
  width: 100px;
}
.mail-container .mail-main .logo-warp span {
  font-size: 12px;
  font-weight: 600;
  color: #202437;
}
.mail-container .mail-btn {
  font-size: 16px;
  cursor: pointer;
  width: 240px;
  height: 50px;
  line-height: 50px;
  border-radius: 4px;
  margin: 30px auto 0;
  color: #fff;
  font-weight: bold;
  background: var(--primary-color);
  box-shadow: 0 12px 24px 0 rgba(var(--primary-color-rgb), 0.3);
}
.mail-container a {
  text-decoration: none;
  display: block;
}

.chime-primary-color[data-v-2ed8abe0] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-2ed8abe0]:hover {
  text-decoration: underline;
}
*[data-v-2ed8abe0] {
  box-sizing: border-box;
}
.tpl-card[data-v-2ed8abe0] {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  border: 1px solid #ebecf1;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tpl-card__title[data-v-2ed8abe0] {
  display: flex;
  justify-content: space-between;
  height: 60px;
  border-bottom: 1px solid #ebecf1;
  font-weight: 600;
  font-size: 14px;
  color: #515666;
  padding: 10px 15px;
}
.tpl-card__title .title[data-v-2ed8abe0] {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  word-break: break-word;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  /*! autoprefixer: off */
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  white-space: break-spaces;
}
.tpl-card__title .title.new[data-v-2ed8abe0] {
  max-width: calc(100% - 50px);
}
.tpl-card__title .new-icon-box[data-v-2ed8abe0] {
  border-radius: 20px;
  background: rgba(var(--primary-color-rgb), 0.1);
  font-size: 12px;
  color: var(--primary-color);
  padding: 0px 8px;
  height: 20px;
  line-height: 20px;
  font-weight: 400;
}
.tpl-card__content[data-v-2ed8abe0] {
  height: calc(100% - 60px);
  overflow: hidden;
}
.tpl-card__content.old[data-v-2ed8abe0] {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
}
.tpl-card__content > div[data-v-2ed8abe0] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform-origin: top left;
}
.tpl-card.active[data-v-2ed8abe0] {
  border-color: var(--primary-color);
}
.tpl-card:hover .tpl-card__hover[data-v-2ed8abe0] {
  display: flex;
}
.tpl-card:hover .tpl-card__hover .ghost-white-transparent[data-v-2ed8abe0] {
  border-width: 1px;
}
.tpl-card__hover[data-v-2ed8abe0] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(32, 36, 55, 0.6);
  display: none;
  flex-direction: column;
  align-items: center;
  border-radius: 12px;
  justify-content: center;
  gap: 20px;
}
.tpl-card__hover .chime-btn[data-v-2ed8abe0] {
  width: 160px;
  border-radius: 100px;
}
.tpl-card__content-inner[data-v-2ed8abe0] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform-origin: top left;
}
.tpl-card__content-inner[data-v-2ed8abe0] * {
  box-sizing: border-box;
}

.chime-primary-color[data-v-61ced812] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-61ced812]:hover {
  text-decoration: underline;
}
*[data-v-61ced812] {
  box-sizing: border-box;
}
.tpl-list[data-v-61ced812] {
  width: 100%;
}
.tpl-list .tpl-list-inner-box[data-v-61ced812] {
  display: flex;
  gap: 10px;
  align-items: center;
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 1px solid #ebecf1;
  padding: 15px 0;
}
.tpl-list[data-v-61ced812]:hover {
  background: #f6f7fb;
}
.tpl-list .tpl-list-left[data-v-61ced812] {
  width: 30px;
  height: 30px;
  border-radius: 20px;
  background: #3b5cde1a;
  color: #3b5cde;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.tpl-list .tpl-list-right[data-v-61ced812] {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}
.tpl-list .tpl-list-right .tpl-list-right-content[data-v-61ced812] {
  flex: 1;
  overflow: hidden;
}
.tpl-list .tpl-list-right .tpl-card__hover[data-v-61ced812] {
  display: none;
}
.tpl-list .tpl-list-right:hover .tpl-card__hover[data-v-61ced812] {
  flex-shrink: 0;
  display: flex;
  gap: 10px;
  padding-left: 10px;
}
.tpl-list .tpl-list-right .tpl-list__title[data-v-61ced812] {
  display: inline-flex;
  align-items: center;
  font-family: SF Pro;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #515666;
}
.tpl-list .tpl-list-right .is-new[data-v-61ced812] {
  display: inline-block;
  border-radius: 20px;
  background: rgba(var(--primary-color-rgb), 0.1);
  font-size: 12px;
  color: var(--primary-color);
  padding: 0px 8px;
  height: 20px;
  line-height: 20px;
  font-weight: 400;
  margin-left: 5px;
}
.tpl-list .tpl-list-right .tpl-list__content[data-v-61ced812] {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: SF Pro;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #a0a3af;
  display: flex;
  margin-top: 4px;
}
.tpl-list .tpl-list-right .tpl-list__content .tpl-list__content-text[data-v-61ced812] {
  flex: 1;
  overflow: hidden;
}
.tpl-list .tpl-list-right .tpl-list__content .tpl-list__content-text div[data-v-61ced812] {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.chime-primary-color[data-v-3d37a452] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-3d37a452]:hover {
  text-decoration: underline;
}
*[data-v-3d37a452] {
  box-sizing: border-box;
}
.email-design-pop[data-v-3d37a452] {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.email-design-pop .header[data-v-3d37a452] {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ebecf1;
}
.email-design-pop .header .email-design-pop-search-box[data-v-3d37a452] {
  min-width: 420px;
  width: 34%;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.email-design-pop .header .email-design-pop-search-box .search-box-left[data-v-3d37a452] {
  width: 30%;
  height: 36px;
  padding-left: 15px;
  border: 1px solid #c6c8d1;
  border-right: none;
  border-radius: 30px 0 0 30px;
}
.email-design-pop .header .email-design-pop-search-box .search-box-left .header-search-select[data-v-3d37a452] {
  height: 100%;
}
.email-design-pop .header .email-design-pop-search-box .search-box-left .header-search-select[data-v-3d37a452] .com-dropdown-label {
  padding: 7px 30px 0 0;
}
.email-design-pop .header .email-design-pop-search-box .search-box-right[data-v-3d37a452] {
  width: 70%;
  height: 36px;
  padding-right: 10px;
  padding-left: 15px;
  border: 1px solid #c6c8d1;
  border-left: none;
  border-radius: 0 30px 30px 0;
  box-sizing: border-box;
  padding: 8px 15px 8px 0;
}
.email-design-pop .header .email-design-pop-search-box .search-box-right .search-box-right-input-wrap[data-v-3d37a452] {
  width: 100%;
  height: 20px;
  position: relative;
}
.email-design-pop .header .email-design-pop-search-box .search-box-right .search-box-right-input-wrap[data-v-3d37a452]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background: #e1e2e6;
  z-index: 1;
}
.email-design-pop .header .email-design-pop-search-box .search-box-right[data-v-3d37a452] .com-Input {
  height: 100%;
}
.email-design-pop .header .email-design-pop-search-box .search-box-right[data-v-3d37a452] .com-Input input {
  height: 100%;
  border: none;
}
.email-design-pop .header .email-design-pop-search-box .search-box-right[data-v-3d37a452] .com-Input .icon2017 {
  font-size: 14px;
}
.email-design-pop .header .email-design-pop-search-box .focus-box[data-v-3d37a452] {
  border-color: var(--primary-color);
}
.email-design-pop[data-v-3d37a452] .email-design-custom-tabs {
  display: inline-flex;
  height: 36px;
  border-radius: 40px;
  padding: 3px;
  background: #f6f7fb;
  position: relative;
}
.email-design-pop[data-v-3d37a452] .email-design-custom-tabs .active-tab-slider {
  pointer-events: none;
  position: absolute;
  bottom: 3px;
  height: 30px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0px 2px 5px 0px #0000000d;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}
.email-design-pop[data-v-3d37a452] .email-design-custom-tabs ._tab-pane {
  position: relative;
  z-index: 1;
  font-family: SF Pro;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
  margin-left: 0;
}
.email-design-pop[data-v-3d37a452] .email-design-custom-tabs ._tab-pane .label {
  border-radius: 30px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  color: #797e8b;
  font-weight: 400;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
}
.email-design-pop[data-v-3d37a452] .email-design-custom-tabs ._tab-pane.active {
  height: 30px;
  border-radius: 30px;
  background: transparent;
}
.email-design-pop[data-v-3d37a452] .email-design-custom-tabs ._tab-pane.active .label {
  font-weight: 500;
  color: #202437;
}
.email-design-pop[data-v-3d37a452] .email-design-custom-tabs ._tab-pane.active::after {
  display: none;
}
.email-design-pop[data-v-3d37a452] .email-design-custom-tabs ._tab-pane:hover:not(.active) .label {
  color: #797e8b;
}
.email-design-pop[data-v-3d37a452] .email-design-custom-tabs ._tab-pane::after {
  display: none;
}
.email-design-pop__header[data-v-3d37a452] {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  align-items: center;
}
.email-design-pop__header .title[data-v-3d37a452] {
  font-weight: 700;
  font-size: 16px;
  color: #202437;
}
.email-design-pop__header .icon-cancel_bold[data-v-3d37a452] {
  font-size: 16px;
  color: #a0a3af;
  cursor: pointer;
}
.email-design-pop__header .icon-cancel_bold[data-v-3d37a452]:hover {
  color: var(--primary-color);
}
[data-v-3d37a452] .email-design-pop__tab {
  flex-shrink: 0;
  padding: 0 20px 15px 20px;
}
.email-design-pop .left[data-v-3d37a452] {
  width: 250px;
  padding: 20px 0 30px 20px;
  overflow-y: auto;
  flex-shrink: 0;
}
.email-design-pop .right[data-v-3d37a452] {
  flex: 1;
}
.email-design-pop .right .folder-list[data-v-3d37a452] {
  height: calc(100% - 70px);
}
.email-design-pop__content[data-v-3d37a452] {
  display: flex;
  flex: 1;
  height: calc(100% - 41px);
}
.email-design-pop__content .folder-list[data-v-3d37a452] {
  width: 100%;
  overflow-y: auto;
}
.email-design-pop__content .folder-list .folder-item[data-v-3d37a452] {
  position: relative;
  height: 36px;
  padding: 9.5px 10px;
  line-height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #515666;
  font-size: 14px;
  border-radius: 6px;
}
.email-design-pop__content .folder-list .folder-item .text[data-v-3d37a452] {
  min-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.email-design-pop__content .folder-list .folder-item[data-v-3d37a452]:hover {
  background: #f6f7fb;
}
.email-design-pop__content .folder-list .folder-item.active[data-v-3d37a452] {
  background: #3b5cde1a;
  color: #3b5cde;
}
.email-design-pop__content .tpl-list[data-v-3d37a452] {
  flex: 1;
  overflow: hidden;
}
.email-design-pop__content .tpl-list.right > div[data-v-3d37a452] {
  padding-left: 30px;
  padding-right: 30px;
}
.email-design-pop__content .tpl-list__search[data-v-3d37a452] {
  position: relative;
  width: 100%;
}
.email-design-pop__content .tpl-list__search.folder[data-v-3d37a452] {
  padding: 20px;
}
.email-design-pop__content .tpl-list__search.folder .chime-input[data-v-3d37a452] {
  height: 30px;
  line-height: 30px;
}
.email-design-pop__content .tpl-list__search:not(.folder) .icon-search_01[data-v-3d37a452] {
  left: 40px;
}
.email-design-pop__content .tpl-list__search .chime-input[data-v-3d37a452] {
  padding-left: 30px;
  position: relative;
  width: 100%;
  height: 36px;
  line-height: 36px;
}
.email-design-pop__content .tpl-list__search .icon-search_01[data-v-3d37a452] {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #c6c8d1;
}
.email-design-pop__content .tpl-list__tip[data-v-3d37a452] {
  color: #797e8b;
  font-size: 14px;
  margin: 20px 0;
}
.email-design-pop__content .tpl-list__content[data-v-3d37a452] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  height: calc(100% - 78px);
  overflow: auto;
}
.email-design-pop__content .tpl-list__content .tpl-item[data-v-3d37a452] {
  width: 210px;
  height: 270px;
}
.email-design-pop__content .tpl-list__content .template-list-box[data-v-3d37a452] {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #ebecf1;
}
.email-design-pop__content .tpl-list__content .template-list-box .tpl-list-item[data-v-3d37a452] {
  width: 100%;
}
.email-design-pop__footer[data-v-3d37a452] {
  padding: 15px 30px;
  border-top: 1px solid #ebecf1;
  text-align: right;
}
.email-design-pop .com-empty[data-v-3d37a452] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.email-design-pop .com-empty.folder .com-empty__box img[data-v-3d37a452] {
  width: 180px;
  height: 180px;
}
.email-design-pop .com-empty__box[data-v-3d37a452] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.email-design-pop .com-empty__box img[data-v-3d37a452] {
  width: 240px;
  height: 240px;
}
.email-design-pop .com-empty__text[data-v-3d37a452] {
  font-weight: 700;
  font-size: 14px;
  color: #a0a3af;
  margin-top: 30px;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.email-design-popwin .pop-title {
  border-bottom: none;
  height: 60px;
  line-height: 60px;
}
.__email-design-wrapper.bottomToUp {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: calc(100% - 60px);
}
.__email-design-wrapper.bottomToUp .pop-body {
  height: calc(100% - 40px);
}
.header-search-select-drop__1 {
  transform: translateX(-15px);
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.attach-area {
  padding-bottom: 15px;
  transition: all 600ms;
  max-height: 120px;
  overflow-y: auto;
}
.attach-area .failRed {
  font-size: 12px;
  color: #ed464f;
}
.attach-area .retryUpload {
  color: #005ebc;
  text-decoration: underline;
  margin: 0 10px;
  cursor: pointer;
}
.attach-area .bottom-attach {
  margin: 5px 5px 0 0;
  display: block;
  padding: 0 10px;
  height: 34px;
  border-radius: 3px;
  border: none;
  border: 1px solid #ced4e0;
  background-color: #f2f8ff;
  line-height: 34px;
  display: flex;
}
.attach-area .bottom-attach .uploadprogress {
  margin-right: 30px;
}
.attach-area .bottom-attach .fileName {
  display: flex;
  align-items: center;
  width: calc(100% - 10px);
}
.attach-area .bottom-attach progress[value] {
  display: inline-block;
  vertical-align: middle;
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 35%;
  height: 8px;
  border-radius: 10px;
  background-color: #ebecf1;
  margin-left: 10px;
}
.attach-area .bottom-attach progress[value]::-webkit-progress-value {
  background-color: #2e94f9;
  border-radius: 4px;
}
.attach-area .bottom-attach progress[value]::-webkit-progress-bar {
  background-color: #a6d3ff;
  border-radius: 4px;
}
.attach-area .bottom-attach a span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 22px;
  vertical-align: middle;
  font-size: 12px;
  color: #515666;
}
.attach-area .bottom-attach a span:nth-child(1) {
  width: calc(100% - 60px);
}
.attach-area .bottom-attach .attach-right {
  vertical-align: middle;
}
.attach-area .bottom-attach .attach-right .icon-cancel_bold {
  color: #8799ab;
  font-size: 12px;
  font-weight: 600;
  transform: scale(0.8);
  cursor: pointer;
}
.attach-area .bottom-attach .attach-right .attach-delete {
  float: right;
  font-size: 12px;
}
.attach-area .bottom-attach.active a {
  color: #005ebc;
  cursor: pointer;
}
.attach-area .bottom-attach.active a:hover {
  text-decoration: underline;
}
.attach-area .bottom-attach.active a:hover span {
  text-decoration: underline;
}
.email-ckedit-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.email-ckedit-root .ai-generator-animation {
  position: absolute;
  width: 160px;
  height: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  bottom: 10px;
  background: rgba(32, 36, 55, 0.95);
  box-shadow: 0px 4px 8px rgba(0, 10, 30, 0.2);
  border-radius: 20px;
  padding: 0 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 4;
}
.email-ckedit-root .ai-generator-animation .animation-box {
  display: flex;
  width: 90px;
  font-size: 12px;
  color: #fff;
  height: 24px;
  align-items: center;
  vertical-align: middle;
  line-height: 24px;
}
.email-ckedit-root .ai-generator-animation .animation-box .loading {
  display: inline-block;
  width: 14px;
  height: 24px;
  box-sizing: content-box;
  overflow: hidden;
  animation: ai-generator-blink 1s step-start infinite;
  margin-left: 4px;
  vertical-align: middle;
  line-height: 24px;
}
.email-ckedit-root .ai-generator-animation .animation-box .loading .dot {
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #fff;
}
@keyframes ai-generator-blink {
0% {
    width: 2px;
}
33% {
    width: 4px;
}
66% {
    width: 10px;
}
100% {
    width: 14px;
}
}
.email-ckedit-root .ai-generator-animation .stop {
  font-weight: 400;
  font-size: 12px;
  color: var(--primary-color);
  cursor: pointer;
}
.email-ckedit-root .ai-generator-animation .stop:hover {
  text-decoration: underline;
}
.email-ckedit-root > textarea + div:not(.attach-area) {
  flex: 1;
}
.email-ckedit-root .cke_inner {
  display: flex;
  flex-direction: column;
}
.email-ckedit-root .cke_inner .cke_contents {
  flex: 1;
}
.email-ckedit-root,
.email-ckedit-root .cke_inner {
  height: 100%;
}

.chime-primary-color[data-v-fa19a33a] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-fa19a33a]:hover {
  text-decoration: underline;
}
*[data-v-fa19a33a] {
  box-sizing: border-box;
}
.easy-editor[data-v-fa19a33a] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.easy-editor__pic[data-v-fa19a33a] {
  height: 30px;
  margin-bottom: 22px;
}
.easy-editor__pic img[data-v-fa19a33a] {
  height: 100%;
}
.easy-editor__content[data-v-fa19a33a] {
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.easy-editor__body[data-v-fa19a33a],
.easy-editor__displaycontent[data-v-fa19a33a] {
  width: 640px;
  position: relative;
  height: 100%;
  border-radius: 12px;
}
.easy-editor__reply[data-v-fa19a33a] {
  position: relative;
  height: 100%;
  border-radius: 12px;
  width: 600px;
  background: #fff;
  border: 1px solid #ebecf1;
  word-wrap: break-word;
  padding: 10px;
}
.easy-editor__edit[data-v-fa19a33a] {
  position: absolute;
  right: 15px;
  top: 13px;
  height: 30px;
  border: 1px solid #e1e2e6;
  border-radius: 4px;
  display: flex;
  padding: 8px 10px;
  background: #fff;
  color: #797e8b;
}
.easy-editor__edit .edit-box[data-v-fa19a33a],
.easy-editor__edit .del-box[data-v-fa19a33a] {
  height: 100%;
  cursor: pointer;
}
.easy-editor__edit .edit-box[data-v-fa19a33a]:hover,
.easy-editor__edit .del-box[data-v-fa19a33a]:hover {
  color: var(--primary-color);
}
.easy-editor__edit .edit-box[data-v-fa19a33a] {
  border-right: 1px solid #e1e2e6;
  padding-right: 10px;
}
.easy-editor__edit .edit-box .icon-edit_01[data-v-fa19a33a] {
  font-size: 14px;
  margin-top: -3px;
  display: block;
}
.easy-editor__edit .del-box[data-v-fa19a33a] {
  padding-left: 10px;
}
.easy-editor__edit .del-box .icon-delete_01[data-v-fa19a33a] {
  font-size: 14px;
  margin-top: -3px;
  display: block;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.attach-area {
  padding-bottom: 15px;
  transition: all 600ms;
  max-height: 120px;
  overflow-y: auto;
}
.attach-area .failRed {
  font-size: 12px;
  color: #ed464f;
}
.attach-area .retryUpload {
  color: #005ebc;
  text-decoration: underline;
  margin: 0 10px;
  cursor: pointer;
}
.attach-area .bottom-attach {
  margin: 5px 5px 0 0;
  display: block;
  padding: 0 10px;
  height: 34px;
  border-radius: 3px;
  border: none;
  border: 1px solid #ced4e0;
  background-color: #f2f8ff;
  line-height: 34px;
  display: flex;
}
.attach-area .bottom-attach .uploadprogress {
  margin-right: 30px;
}
.attach-area .bottom-attach .fileName {
  display: flex;
  align-items: center;
  width: calc(100% - 10px);
}
.attach-area .bottom-attach progress[value] {
  display: inline-block;
  vertical-align: middle;
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 35%;
  height: 8px;
  border-radius: 10px;
  background-color: #ebecf1;
  margin-left: 10px;
}
.attach-area .bottom-attach progress[value]::-webkit-progress-value {
  background-color: #2e94f9;
  border-radius: 4px;
}
.attach-area .bottom-attach progress[value]::-webkit-progress-bar {
  background-color: #a6d3ff;
  border-radius: 4px;
}
.attach-area .bottom-attach a span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 22px;
  vertical-align: middle;
  font-size: 12px;
  color: #515666;
}
.attach-area .bottom-attach a span:nth-child(1) {
  width: calc(100% - 60px);
}
.attach-area .bottom-attach .attach-right {
  vertical-align: middle;
}
.attach-area .bottom-attach .attach-right .icon-cancel_bold {
  color: #8799ab;
  font-size: 12px;
  font-weight: 600;
  transform: scale(0.8);
  cursor: pointer;
}
.attach-area .bottom-attach .attach-right .attach-delete {
  float: right;
  font-size: 12px;
}
.attach-area .bottom-attach.active a {
  color: #005ebc;
  cursor: pointer;
}
.attach-area .bottom-attach.active a:hover {
  text-decoration: underline;
}
.attach-area .bottom-attach.active a:hover span {
  text-decoration: underline;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.bind-card .card-wrap {
  width: 480px;
  padding: 20px 30px 0;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  flex-direction: column;
}
.bind-card button {
  flex-shrink: 0;
  flex-grow: 0;
}
.bind-card .tip {
  font-size: 14px;
  font-weight: 600;
  color: #515666;
}
.bind-card .refreshTip {
  height: 16px;
  font-size: 12px;
  line-height: 1.33;
  color: #a0a3af;
  margin: 10px 0 20px 0;
}
.bind-card .bindCardBtn {
  width: 100%;
  height: 56px;
  border-radius: 4px;
  border: dashed 1px var(--primary-color);
  background-color: rgba(var(--primary-color-rgb), 0);
  margin-bottom: 20px;
  outline: none;
}
.bind-card .bindCardBtn button {
  outline: none;
  outline: 0 none !important;
}
.bind-card .bindCardBtn i {
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: var(--primary-color);
  margin-right: 10px;
}
.bind-card .bindCardBtn span {
  font-size: 14px;
  color: var(--primary-color);
}
.bind-card .bindCardBtn:hover {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}
.bind-card .bindCardBtn:active {
  background-color: rgba(var(--primary-color-rgb), 0.3);
}
.bind-card .card-footer {
  padding: 20px 30px;
  float: right;
}
.bind-card .card-footer .invisible {
  margin-right: 10px;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.pay-tip-pop {
  z-index: 9999999;
}
.pay-tip-pop .wrapper {
  width: 480px;
  padding: 15px 26px 0;
  box-sizing: border-box;
  font-size: 14px;
  color: #505050;
  margin-top: -40px;
}
.pay-tip-pop .pop-title {
  /*display: none;*/
}
.pay-tip-pop .dialer-pay-pop {
  text-align: center;
  padding: 15px 0px 30px !important;
}
.pay-tip-pop .dialer-pay-pop h2 {
  font-size: 18px;
  font-weight: 600;
  color: #202437;
}
.pay-tip-pop .dialer-pay-pop .icon-success_02,
.pay-tip-pop .dialer-pay-pop .icon-sad_01 {
  font-size: 50px;
  display: inline-block;
  margin-top: 30px !important;
  margin-bottom: 6px !important;
}
.pay-tip-pop .dialer-pay-pop .icon-success_02 {
  color: #20c472;
}
.pay-tip-pop .dialer-pay-pop .icon-sad_01 {
  color: #c6c8d1;
}
.pay-tip-pop .dialer-pay-pop p {
  font-size: 16px;
  line-height: 1.5;
  color: #515666;
}
.pay-tip-pop .dialer-pay-pop p.dialer-charge {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.pay-tip-pop .dialer-pay-pop p.dialer-charge span {
  font-weight: 600;
  color: var(--primary-color);
}
.pay-tip-pop .dialer-pay-pop p.charge span {
  font-weight: 600;
  color: #202437;
}
.pay-tip-pop .dialer-pay-pop p.redirect-desc {
  font-size: 14px;
  color: #797e8b;
}
.pay-tip-pop .dialer-pay-pop p.redirect-desc span {
  color: var(--primary-color);
}
.pay-tip-pop .dialer-pay-pop p.dialer-redirect-desc {
  font-size: 12px;
  line-height: 1.33;
  text-align: center;
  color: #a0a3af;
}
.pay-tip-pop .dialer-pay-pop .btn-wrap {
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
}
.pay-tip-pop .dialer-pay-pop .btn-wrap button {
  height: 40px;
}
.pay-tip-pop .dialer-pay-pop .btn-wrap .white-btn {
  margin-right: 20px;
}
.pay-tip-pop .dialer-pay-pop img {
  animation: loadRotate 1.5s infinite forwards;
  margin: 30px 0;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.payment-show-card .pay-tip {
  color: #797e8b;
  line-height: 1.29;
  text-align: right;
  font-size: 14px;
}
.payment-show-card .card-wrap {
  display: flex;
}
.payment-show-card .com-datatable-body {
  min-height: auto;
}
.payment-show-card .desc {
  color: #797e8b;
  font-size: 12px;
  line-height: 1.29;
  font-weight: normal;
  margin-bottom: 10px;
  margin: 6px 0 10px 0;
  display: flex;
}
.payment-show-card .right-desc {
  margin-left: auto;
}
.payment-show-card .right-desc .click-here {
  color: #3b5cde;
  cursor: pointer;
}
.payment-show-card .right-desc .click-here:hover {
  text-decoration: underline;
}
.payment-show-card .com-datatable .com-datatable-row:last-child .table-cell {
  border-bottom: none;
}

.chime-primary-color[data-v-08182dac] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-08182dac]:hover {
  text-decoration: underline;
}
h3[data-v-08182dac] {
  font-weight: 700;
  font-size: 14px;
  color: #202437;
}
.card-type[data-v-08182dac] {
  width: 64px;
  height: 40px;
  display: block;
  background-size: contain !important;
  border: solid 1px #ebecf1;
  border-radius: 4px;
}
.card-type.visa[data-v-08182dac] {
  background: url("//static.chimeroi.com/crm/images/pay/visa2.jpg");
}
.card-type.master[data-v-08182dac] {
  background: url("//static.chimeroi.com/crm/images/pay/master-card-inverted.jpg");
}
.card-type.mastercard[data-v-08182dac] {
  background: url("//static.chimeroi.com/crm/images/pay/master-card-inverted.jpg");
}
.card-type.american_express[data-v-08182dac] {
  background: url("//static.chimeroi.com/crm/images/pay/american-express.jpg");
}
.card-type.amex[data-v-08182dac] {
  background: url("//static.chimeroi.com/crm/images/pay/american-express.jpg");
}
.card-type.discover[data-v-08182dac] {
  background: url("//static.chimeroi.com/crm/images/pay/discover.jpg");
}
.card-type.jcb[data-v-08182dac] {
  background: url("//static.chimeroi.com/crm/images/pay/jcb.jpg");
}
.card-type.ach[data-v-08182dac] {
  background: url("//cdn.chime.me/image/fs/sitebuild/202437/8/original_1cef58af-09a7-4db7-8f0f-d1047ce57b4c.png");
}
.card-warning[data-v-08182dac] {
  margin-top: 15px;
  padding: 10px;
  background-color: #fef8e4;
  color: #f59700;
  border: 1px solid #faefc0;
  border-radius: 4px;
  line-height: 16px;
  font-size: 12px;
}
.mb4[data-v-08182dac] {
  margin-bottom: 4px;
}


input[data-v-61f9fc11]::-moz-placeholder {
    font-family: "SF UI Text";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #c6c8d1;
}
input[data-v-61f9fc11]::placeholder {
    font-family: "SF UI Text";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #c6c8d1;
}
.validate-item[data-v-61f9fc11] {
    display: inline-block;
}
.full-width[data-v-61f9fc11] {
    width: 100%;
}

.chime-primary-color[data-v-4a6809e7] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-4a6809e7]:hover {
  text-decoration: underline;
}
.plaid-link[data-v-4a6809e7] {
  padding-top: 15px;
  min-height: 200px;
}
.plaid-link .plaid-container[data-v-4a6809e7] {
  display: flex;
  align-items: center;
}
.plaid-link .plaid-container .desc[data-v-4a6809e7] {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #515666;
}
.plaid-link .plaid-container .plaid-button[data-v-4a6809e7] {
  color: var(--primary-color);
  cursor: pointer;
  font-weight: 500;
  border: none;
  background-color: unset;
}

.chime-primary-color[data-v-3aa595dd] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-3aa595dd]:hover {
  text-decoration: underline;
}
.set-default-payment[data-v-3aa595dd] {
  margin-top: 20px;
}
.set-default-payment .default-payment[data-v-3aa595dd] {
  display: flex;
  align-items: center;
}
.set-default-payment .default-payment .default-payment-desc[data-v-3aa595dd] {
  font-weight: 400;
  font-size: 14px;
  color: #515666;
}

.chime-primary-color[data-v-311fdb73] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-311fdb73]:hover {
  text-decoration: underline;
}
.mt0[data-v-311fdb73] {
  margin-top: 0 !important;
}
h3[data-v-311fdb73] {
  font-weight: 700;
  font-size: 16px;
  color: #202437;
  margin-bottom: 10px;
}
.mb4[data-v-311fdb73] {
  margin-bottom: 4px;
}
.desc[data-v-311fdb73] {
  color: #797e8b;
  font-size: 12px;
  line-height: 1.29;
  font-weight: normal;
}
#ccnumber[data-v-311fdb73],
#ccexp[data-v-311fdb73],
#cvv[data-v-311fdb73] {
  outline: none;
}
#ccnumber[data-v-311fdb73]:focus,
#ccexp[data-v-311fdb73]:focus,
#cvv[data-v-311fdb73]:focus {
  outline: none;
}
#ccnumber[data-v-311fdb73]:active,
#ccexp[data-v-311fdb73]:active,
#cvv[data-v-311fdb73]:active {
  outline: none;
}
#ccnumber[data-v-311fdb73]:hover,
#ccexp[data-v-311fdb73]:hover,
#cvv[data-v-311fdb73]:hover {
  border-color: #a0a3af;
}
.validate-item[data-v-311fdb73] {
  display: inline-block;
}
.validate-item[data-v-311fdb73] iframe {
  height: 36px !important;
  width: calc(100% - 2px);
}
.form-item[data-v-311fdb73] iframe {
  height: 36px !important;
  width: calc(100% - 2px);
}
.full-width[data-v-311fdb73] {
  width: 100%;
}
.com-datatable[data-v-311fdb73] {
  flex-direction: row;
  flex-wrap: wrap;
  overflow: visible;
  border: unset;
  border-radius: unset;
}
.form-item.small[data-v-311fdb73] {
  width: calc(50% - 1px);
  box-sizing: border-box;
  margin-top: 20px;
}
.item-label[data-v-311fdb73] {
  font-size: 14px;
  font-weight: 600;
  color: #515666;
  margin-bottom: 10px;
}
.tip[data-v-311fdb73] {
  width: 100%;
  margin: 20px 0 0;
  padding: 10px;
  border-radius: 4px;
  border: solid 1px #ebecf1;
  background-color: #f6f7fb;
  display: flex;
  align-items: baseline;
}
.tip .content[data-v-311fdb73] {
  flex: 1;
  line-height: 1.33;
  color: #a0a3af;
  font-size: 12px;
  padding-left: 10px;
}
.form .card-type[data-v-311fdb73] {
  position: relative;
}
.form .card-type + .card-type[data-v-311fdb73] {
  margin-left: 10px;
}
.form .card-type.selected[data-v-311fdb73]::after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  background-image: url(https://static.chimeroi.com/crm/images/logo/ico-select.png);
  background-position: right 2px bottom 2px;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  color: greenyellow;
  position: absolute;
  text-align: right;
  line-height: 60px;
  vertical-align: bottom;
  border-radius: 4px;
}
.chime-input + .chime-input[data-v-311fdb73] {
  margin-left: 10px;
}
.code-instruction[data-v-311fdb73] {
  z-index: 1000;
  display: none;
  position: absolute;
  top: 33px;
  left: -28px;
  width: 351px;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 10, 30, 0.1);
  border: solid 1px #c6c8d1;
  margin-top: 0;
  padding: 20px;
  border-radius: 5px;
}
.code-instruction[data-v-311fdb73]::before {
  content: "";
  display: inline-block;
  width: 216px;
  height: 120px;
  background: url(//static.chimeroi.com/crm/images/pay/bubble.png);
}
.code-instruction[data-v-311fdb73]::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff;
  position: absolute;
  top: -6px;
  left: 28px;
  transform: rotate(45deg);
  border: solid 1px #c6c8d1;
  border-bottom: none;
  border-right: none;
}
.code-instruction div[data-v-311fdb73] {
  float: right;
  width: 130px;
  margin-top: 18px;
}
.code-instruction div p[data-v-311fdb73]:nth-of-type(1) {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #515666;
}
.code-instruction div p[data-v-311fdb73]:nth-of-type(2) {
  margin-top: 4px;
  font-size: 12px;
  text-align: left;
  color: #afafb5;
}
.code-instruction.placement-top[data-v-311fdb73] {
  top: -168px;
}
.code-instruction.placement-top[data-v-311fdb73]::after {
  top: 160px;
  transform: rotate(225deg);
}
.icon-attention_02[data-v-311fdb73] {
  position: relative;
  margin-left: 5px;
  color: #c6c8d1;
  display: inline-flex;
  align-items: center;
}
.icon-attention_02:hover .code-instruction[data-v-311fdb73] {
  display: block;
}
.payment-info-title[data-v-311fdb73] {
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0px;
}
.payment-info-title-desc[data-v-311fdb73] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.payment-info-title-desc .previous-desc[data-v-311fdb73] {
  font-size: 14px;
  color: #797e8b;
  font-weight: normal;
}
.payment-info-title-desc .previous-desc[data-v-311fdb73] .click-here {
  color: var(--primary-color);
  cursor: pointer;
}
.payment-info-title-desc .previous-desc[data-v-311fdb73] .click-here:hover {
  text-decoration: underline;
}
.payment-info-container[data-v-311fdb73] {
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e1e2e6;
}
.payment-info-container .payment-info-method[data-v-311fdb73] {
  font-weight: 600;
  color: #515666;
  font-size: 14px;
}
.payment-info-container .payment-info-tab[data-v-311fdb73] {
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px dashed #e1e2e6;
}
.payment-info-container .payment-info-tab .tab-payment-card[data-v-311fdb73] {
  width: 560px;
  height: 85px;
  background: #ffffff;
  border: 1px solid #e1e2e6;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
}
.payment-info-container .payment-info-tab .tab-payment-card .tab-title[data-v-311fdb73] {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  margin: 20px 20px 0 20px;
}
.payment-info-container .payment-info-tab .tab-payment-card .tab-card-desc[data-v-311fdb73] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #a0a3af;
  margin: 5px 20px 20px 20px;
}
.payment-info-container .payment-info-tab .tab-payment-card .tab-select-img[data-v-311fdb73] {
  position: absolute;
  right: -1px;
  top: -1px;
  width: 36px;
}
.payment-info-container .payment-info-tab .tab-payment-card .is-selected-icon[data-v-311fdb73] {
  position: absolute;
  right: 0;
  top: 0;
}
.payment-info-container .payment-info-tab .tab-payment-card .is-selected-icon .triangle-area[data-v-311fdb73] {
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 40px solid transparent;
  border-top: 40px solid var(--primary-color);
}
.payment-info-container .payment-info-tab .tab-payment-card .is-selected-icon .icon-checked_bold[data-v-311fdb73] {
  position: absolute;
  right: 6px;
  top: 5px;
  font-size: 12px;
  color: #fff;
}
.payment-info-container .payment-info-tab .activeColor[data-v-311fdb73] {
  border: 1px solid var(--primary-color);
}
.marLeft20[data-v-311fdb73] {
  margin-left: 20px;
}

.chime-primary-color[data-v-ff67bb24] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-ff67bb24]:hover {
  text-decoration: underline;
}
.__country-selector .flex-items-center[data-v-ff67bb24] {
  display: flex;
  align-items: center;
}
.__country-selector .body[data-v-ff67bb24] {
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 10px;
  background-color: #ffffff;
}
.__country-selector .body[data-v-ff67bb24]:hover {
  cursor: pointer;
}
.__country-selector .body.normal[data-v-ff67bb24] {
  min-height: 32px;
  height: 32px;
  line-height: 30px;
}
.__country-selector .body.multi[data-v-ff67bb24] {
  height: unset;
  overflow: auto;
  padding: 5px 10px;
}
.__country-selector .body .info .avatar[data-v-ff67bb24] {
  width: 26px;
  height: 14px;
  flex-shrink: 0;
}
.__country-selector .body .info .text[data-v-ff67bb24] {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  padding-left: 6px;
  color: #202437;
}
.__country-selector .body .info .countrys-container[data-v-ff67bb24] {
  margin-top: -5px;
  display: flex;
  flex-wrap: wrap;
}
.__country-selector .body .info .countrys-container > *[data-v-ff67bb24] {
  margin: 5px 5px 0 0;
}
.__country-selector .body .opts[data-v-ff67bb24] {
  margin-left: 4px;
}
.__country-selector .body .opts i[data-v-ff67bb24] {
  width: 10px;
  height: 10px;
  font-size: 12px;
  line-height: 12px;
  display: block;
  color: #a0a3af;
  transform: scale(0.83333333, 0.8333332);
}
.__country-selector .dropdown[data-v-ff67bb24] {
  background: #ffffff;
  padding: 0 0 6px 0;
  border-radius: 4px;
  max-height: 350px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
  min-width: 300px;
}
.__country-selector .dropdown[data-v-ff67bb24]:hover {
  cursor: pointer;
}
.__country-selector .dropdown .search[data-v-ff67bb24] {
  flex-shrink: 0;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  display: flex;
}
.__country-selector .dropdown .search i[data-v-ff67bb24] {
  font-size: 16px;
  flex-shrink: 0;
  color: #c6c8d1;
}
.__country-selector .dropdown .search input[data-v-ff67bb24] {
  flex-grow: 1;
  padding-left: 13px;
  overflow: hidden;
  border: none;
}
.__country-selector .dropdown .country-container[data-v-ff67bb24] {
  flex-grow: 1;
  overflow: auto;
}
.__country-selector .dropdown .country-container .country[data-v-ff67bb24] {
  height: 32px;
  line-height: 30px;
  padding: 0 15px;
}
.__country-selector .dropdown .country-container .country > *[data-v-ff67bb24] {
  flex-shrink: 0;
}
.__country-selector .dropdown .country-container .country[data-v-ff67bb24]:hover {
  background-color: #f6f7fb;
}
.__country-selector .dropdown .country-container .country .avatar[data-v-ff67bb24] {
  width: 26px;
  height: 14px;
  flex-shrink: 0;
}
.__country-selector .dropdown .country-container .country .text[data-v-ff67bb24] {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  padding-left: 6px;
  color: #202437;
}
.__country-selector .dropdown .country-container .country .name[data-v-ff67bb24] {
  flex-grow: 1;
  flex-shrink: 1;
}
.__country-selector .dropdown .country-container .country .chosen[data-v-ff67bb24] {
  padding-left: 10px;
  color: var(--primary-color);
  font-size: 14px;
}
.__country-selector .dropdown .country-container .empty-result[data-v-ff67bb24] {
  padding: 20px;
  text-align: center;
  color: #c6c8d1;
  font-size: 14px;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.query-selector-results .com-dropdown-content {
  padding-bottom: 42px;
}
.query-selector-results .com-dropdown-content .highlight {
  color: var(--primary-color);
}
.query-selector-results .com-dropdown-content .add-address-btn {
  position: absolute;
  bottom: 0;
  border-top: 1px solid #ebecf1;
  font-size: 14px;
  color: var(--primary-color);
  padding: 12px;
  margin-top: 5px;
  cursor: pointer;
  white-space: nowrap;
  line-height: normal;
  display: flex;
  justify-content: center;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
}
.query-selector-results .com-dropdown-content .add-address-btn:hover {
  background: #f6f7fb;
}

.chime-primary-color[data-v-55c49c4f] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-55c49c4f]:hover {
  text-decoration: underline;
}
.billing-address-container[data-v-55c49c4f] .com-query-select {
  width: 100%;
}
.billing-address-container[data-v-55c49c4f] .com-query-select .content {
  height: 36px;
  line-height: 36px;
}
.billing-address-container[data-v-55c49c4f] .com-query-select .content .input-wrap .enter {
  font-family: "SF UI Text";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #202437;
}
.billing-address-container[data-v-55c49c4f] .com-query-select .content .input-wrap::-moz-placeholder {
  font-family: "SF UI Text";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
}
.billing-address-container[data-v-55c49c4f] .com-query-select .content .input-wrap::placeholder {
  font-family: "SF UI Text";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
}
.billing-address-container .billing-address-title[data-v-55c49c4f] {
  font-weight: 700;
  font-size: 18px;
  line-height: 36px;
  letter-spacing: 0px;
  color: #202437;
  margin-bottom: 10px;
}
.billing-address-container .billing-address-subtitle[data-v-55c49c4f] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #797e8b;
}
.billing-address-container .billing-address-form[data-v-55c49c4f] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.billing-address-container .billing-address-form .country-selector[data-v-55c49c4f] {
  border: 1px solid #c6c8d1;
  border-radius: 4px;
}
.billing-address-container .billing-address-form .country-selector[data-v-55c49c4f] .body {
  height: 34px;
}
.billing-address-container .billing-address-form[data-v-55c49c4f] .com-form-item {
  width: calc(50% - 5px);
}
.billing-address-container .billing-address-form[data-v-55c49c4f] .com-form-item .com-form-content {
  position: relative;
}
.billing-address-container .billing-address-form[data-v-55c49c4f] .com-form-item .com-form-content .form-item__error {
  z-index: 1;
}
.billing-address-container .billing-address-form[data-v-55c49c4f] .com-form-item .chime-input {
  width: 100%;
}
.billing-address-container .billing-address-form[data-v-55c49c4f] .com-form-item .required-icon {
  position: absolute;
  left: 188px;
  top: 50%;
  transform: translateY(-50%);
  color: #f0454c;
  font-size: 14px;
}
.billing-address-container .billing-address-form .w100[data-v-55c49c4f] {
  width: 100%;
}
.billing-address-container .billing-address-display[data-v-55c49c4f] {
  padding: 20px;
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e1e2e6;
  color: #515666;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0px;
}
.billing-address-container .billing-address-display .icon-house_03[data-v-55c49c4f] {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  border-radius: 12px;
  margin-right: 10px;
  background-color: var(--primary-color-10);
  color: var(--primary-color);
}
.billing-address-container .billing-address-display .address-info[data-v-55c49c4f] {
  height: 14px;
  vertical-align: middle;
  line-height: 14px;
  font-size: 14px;
  display: inline-block;
}
.billing-address-container .billing-address-display .address-edit-btn[data-v-55c49c4f] {
  color: var(--primary-color);
  cursor: pointer;
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #ebecf1;
  height: 14px;
  vertical-align: middle;
  line-height: 14px;
  font-size: 14px;
  display: inline-block;
}
.billing-address-container .billing-address-display .address-edit-btn[data-v-55c49c4f]:hover {
  text-decoration: underline;
}

.chime-primary-color[data-v-3ce38fd3] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-3ce38fd3]:hover {
  text-decoration: underline;
}
.payment-v1-container[data-v-3ce38fd3] {
  min-height: 200px;
}
.payment-v1-container .payment-billing-address-container[data-v-3ce38fd3] {
  margin-top: 40px;
}
.payment-v1-container .payment-billing-address-container[data-v-3ce38fd3] .billing-address-form {
  border: 1px solid #e1e2e6;
  padding: 20px;
  border-radius: 4px;
  background-color: #fff;
}
.payment-v1-container .payment-billing-address-container[data-v-3ce38fd3] .billing-address-form .country-selector {
  width: 460px;
}
.payment-v1-container.collapse[data-v-3ce38fd3] {
  padding-top: 20px;
  border-bottom: 1px solid #ebecf1;
}
.payment-v1-container.collapse .payment-info-add-card[data-v-3ce38fd3] {
  padding-bottom: 20px;
}
.payment-v1-container.collapse .payment-info-add-card[data-v-3ce38fd3]:has(.icon-expand_up) {
  padding-bottom: 0;
}
.payment-v1-container.collapse .payment-show-card .slide-fade-enter-active[data-v-3ce38fd3],
.payment-v1-container.collapse .payment-info-add-card .slide-fade-enter-active[data-v-3ce38fd3] {
  transition: all 0.3s ease;
}
.payment-v1-container.collapse .payment-show-card .slide-fade-leave-active[data-v-3ce38fd3],
.payment-v1-container.collapse .payment-info-add-card .slide-fade-leave-active[data-v-3ce38fd3] {
  transition: all 0.3s ease;
}
.payment-v1-container.collapse .payment-show-card .slide-fade-enter[data-v-3ce38fd3],
.payment-v1-container.collapse .payment-info-add-card .slide-fade-enter[data-v-3ce38fd3],
.payment-v1-container.collapse .payment-show-card .slide-fade-leave-to[data-v-3ce38fd3],
.payment-v1-container.collapse .payment-info-add-card .slide-fade-leave-to[data-v-3ce38fd3] {
  transform: translateY(10px);
  opacity: 0;
}
.payment-v1-container.collapse .payment-show-card h3[data-v-3ce38fd3],
.payment-v1-container.collapse .payment-info-add-card h3[data-v-3ce38fd3] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
  color: #202437;
}
.payment-v1-container.collapse .payment-show-card h3 *[data-v-3ce38fd3],
.payment-v1-container.collapse .payment-info-add-card h3 *[data-v-3ce38fd3] {
  color: #515666;
}
.payment-v1-container.collapse .payment-show-card h3[data-v-3ce38fd3]:has(.icon-expand_up),
.payment-v1-container.collapse .payment-info-add-card h3[data-v-3ce38fd3]:has(.icon-expand_up) {
  margin-bottom: 16px;
}
.payment-v1-container.collapse .payment-show-card h3 .desc[data-v-3ce38fd3],
.payment-v1-container.collapse .payment-info-add-card h3 .desc[data-v-3ce38fd3] {
  margin-left: 10px;
  margin-bottom: 0;
}
.payment-v1-container.collapse .payment-show-card h3 .collapse-btn[data-v-3ce38fd3],
.payment-v1-container.collapse .payment-info-add-card h3 .collapse-btn[data-v-3ce38fd3] {
  margin-left: auto;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: var(--primary-color);
}
.payment-v1-container.collapse .payment-show-card h3 .collapse-btn[data-v-3ce38fd3]:hover,
.payment-v1-container.collapse .payment-info-add-card h3 .collapse-btn[data-v-3ce38fd3]:hover {
  background-color: var(--primary-color-10);
}
.payment-v1-container.collapse .payment-show-card .payment-title .desc[data-v-3ce38fd3],
.payment-v1-container.collapse .payment-info-add-card .payment-title .desc[data-v-3ce38fd3] {
  margin-bottom: 10px;
}
.payment-v1-container.collapse .payment-show-card .pay-tip[data-v-3ce38fd3],
.payment-v1-container.collapse .payment-info-add-card .pay-tip[data-v-3ce38fd3] {
  margin-top: 10px;
  margin-bottom: 20px;
}
.agreement[data-v-3ce38fd3] {
  margin-top: 20px;
  font-size: 14px;
  line-height: 18px;
  color: #797e8b;
}
.agreement .link[data-v-3ce38fd3] {
  color: var(--primary-color);
  text-decoration: underline;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.__term-use-of-pop .pop-container {
  width: 1000px;
}
.__term-use-of-pop .content {
  height: 100%;
  overflow-y: hidden;
  box-sizing: border-box;
  padding: 30px;
  color: #515666;
  font-family: "SF UI Text";
}
.__term-use-of-pop .content .highlight {
  background-color: #fef8e4;
}
.__term-use-of-pop .content .catelog-item {
  cursor: pointer;
}
.__term-use-of-pop .content li > p:first-child {
  margin-top: 10px;
}
.__term-use-of-pop .content p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 10px;
}
.__term-use-of-pop .content p > ol {
  list-style-type: disc;
  padding-left: 16px;
}
.__term-use-of-pop .content p > ul {
  list-style-type: decimal;
  padding-left: 26px;
}
.__term-use-of-pop .content .item-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  text-decoration-line: underline;
}
.__term-use-of-pop .content .h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #202437;
}
.__term-use-of-pop .footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.pt-20 {
  padding-top: 20px;
}
.com-pay-charge-info {
  box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  height: 120px;
  border-top: solid 4px var(--primary-color-6);
  z-index: 199;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
}
.com-pay-charge-info .tax-icon {
  position: absolute;
  display: flex;
  padding: 3px 15px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 0px 0px 20px 20px;
  background: var(--primary-color);
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 510;
  line-height: normal;
  left: 0px;
  top: -4px;
}
.com-pay-charge-info .com-pay-charge-info-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  position: relative;
}
.com-pay-charge-info .place-order-bottom {
  font-size: 14px;
  margin-left: 130px;
  color: #797e8b;
}
.com-pay-charge-info .place-order-bottom .policy {
  margin-bottom: 10px;
}
.com-pay-charge-info .place-order-bottom .pay-agree {
  line-height: 20px;
  vertical-align: super;
}
.com-pay-charge-info .place-order-bottom .pay-agree a {
  color: var(--primary-color);
  text-decoration: underline;
}
.com-pay-charge-info .place-order-bottom .pay-notice .notice-strong {
  font-weight: bold;
  color: #202437;
}
.com-pay-charge-info .place-order-bottom .notice {
  line-height: 20px;
}
.com-pay-charge-info .place-order-bottom .notice i {
  margin-right: 10px;
}
.com-pay-charge-info .place-order-bottom .pay-charge {
  font-size: 16px;
  color: #515666;
  display: flex;
  align-items: center;
}
.com-pay-charge-info .place-order-bottom .pay-charge .pay-word {
  font-size: 24px;
  font-weight: 600;
  color: #515666;
}
.com-pay-charge-info .place-order-bottom .pay-charge .moeny {
  font-size: 40px;
  color: var(--primary-color);
  margin-left: 20px;
  font-weight: bold;
}
.com-pay-charge-info .place-order-bottom .discount-tip .red-price {
  font-weight: bold;
  color: #f0454c;
}
.com-pay-charge-info .btn-wrap {
  margin-right: 130px;
  outline: none;
}
.com-pay-charge-info .btn-wrap .white-btn {
  margin-right: 20px;
}
.com-pay-charge-info .btn-wrap button {
  width: 120px;
  height: 40px;
  outline: none;
}
.agent-website-charge-info.com-pay-charge-info {
  min-width: 1460px;
  align-items: center;
}
.agent-website-charge-info.com-pay-charge-info .tax-icon {
  left: calc((100% - 1180px) / 2 - 8px);
}
.agent-website-charge-info.com-pay-charge-info .com-pay-charge-info-detail {
  width: 1180px;
  max-width: 1180px;
  margin-left: -20px;
}
.agent-website-charge-info.com-pay-charge-info .place-order-bottom {
  margin-left: 0;
}
.agent-website-charge-info.com-pay-charge-info .btn-wrap {
  margin-right: 0;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.unactiviated-dialer-package-modal .pop-title,
.unactiviated-dialer-package-modal .pop-footer {
  border: none;
}
.unactiviated-dialer-package-modal .pop-container {
  width: 560px;
}
.unactiviated-dialer-package-modal .content-container {
  padding: 0 30px;
}
.unactiviated-dialer-package-modal .content-container .description {
  color: #515666;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.unactiviated-dialer-package-modal .content-container .table-box {
  color: #797e8b;
  font-size: 13px;
  line-height: 16px;
  border-radius: 4px;
}
.unactiviated-dialer-package-modal .content-container .table-box .row {
  display: flex;
  align-items: center;
  height: 40px;
  color: #797e8b;
  font-size: 13px;
}
.unactiviated-dialer-package-modal .content-container .table-box .row:not(:first-child) {
  border-bottom: 1px solid #fff;
}
.unactiviated-dialer-package-modal .content-container .table-box .row .col {
  flex: 1;
  padding: 12px 20px;
}
.unactiviated-dialer-package-modal .content-container .table-box .row .col:first-child {
  font-weight: bold;
}
.unactiviated-dialer-package-modal .content-container .table-box .row .col:not(:first-child) {
  border-left: 1px solid #fff;
}
.unactiviated-dialer-package-modal .content-container .table-box .row:nth-child(even) {
  background-color: #eef0f8;
}
.unactiviated-dialer-package-modal .content-container .table-box .row:nth-child(odd),
.unactiviated-dialer-package-modal .content-container .table-box .row.total {
  background-color: #f6f7fb;
}
.unactiviated-dialer-package-modal .content-container .table-box .row.total {
  justify-content: flex-end;
  padding: 0 20px;
}
.unactiviated-dialer-package-modal .content-container .table-box .row.total .fee {
  color: var(--primary-color);
  font-weight: bold;
}
.unactiviated-dialer-package-modal .content-container .table-box .row.total i {
  color: #c6c8d1;
  margin-left: 5px;
}
.unactiviated-dialer-package-modal .footer {
  text-align: right;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.videoMask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2001;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
.videoMask.show {
  display: flex;
}
.videoMask .preview-icon {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
}
.videoMask .chat-video {
  -o-object-fit: cover;
     object-fit: cover;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.CollapseItem {
  font-size: 14px;
  line-height: 32px;
  color: #515666;
}
.CollapseItem .collapse-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s;
  padding: 0 10px;
}
.CollapseItem .collapse-item-content {
  overflow: hidden;
  overflow-y: scroll;
  transition: all 0.4s;
}
.CollapseItem .collapse-item-content_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px 0 26px;
  cursor: pointer;
  height: 32px;
}
.CollapseItem .collapse-item-content_item.active {
  color: var(--primary-color);
}
.CollapseItem .collapse-item-content_item.hasImage {
  height: 60px;
}
.CollapseItem .collapse-item-content_item.hasImage .name {
  max-width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.CollapseItem .collapse-item-content_item.hasImage .agent-email {
  height: 14px;
  font-family: "SF UI Text";
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #a0a3af;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.CollapseItem .collapse-item-content_item .icon-checked_bold {
  font-size: 12px;
  color: var(--primary-color);
}
.CollapseItem .collapse-item-content_item img {
  width: 40px;
  height: 40px;
  margin: 10px 20px 10px 0;
  border-radius: 50%;
}
.CollapseItem .collapse-item-content_item .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 20px);
}
.CollapseItem .collapse-item-content .load-more {
  color: var(--primary-color);
  text-align: center;
  line-height: 24px;
  background: #f6f7fb;
  cursor: pointer;
}
.CollapseItem .collapse-item-content .load-more:hover {
  background: #ebecf1;
}
.CollapseItem .part {
  display: flex;
  align-items: center;
  flex: 1;
  max-width: calc(100% - 30px);
}
.CollapseItem .part .title {
  max-width: calc(100% - 30px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.CollapseItem .part .com-checkbox,
.CollapseItem .part .checkbox-label {
  display: flex;
  align-items: center;
  flex: none;
  min-width: 16px;
}
.CollapseItem .part .com-checkbox.full-click,
.CollapseItem .part .checkbox-label.full-click {
  flex: 1;
}
.CollapseItem .part .com-checkbox.full-click .checkbox-label,
.CollapseItem .part .checkbox-label.full-click .checkbox-label {
  flex: 1;
}
.CollapseItem .collapse-item-title:hover,
.CollapseItem .collapse-item-content_item:hover {
  background: #f6f7fb;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.CollapseItem {
  font-size: 14px;
  line-height: 32px;
  color: #515666;
}
.CollapseItem .collapse-item-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s;
  padding: 0 10px;
}
.CollapseItem .collapse-item-content {
  overflow: hidden;
  overflow-y: scroll;
  transition: all 0.4s;
}
.CollapseItem .collapse-item-content_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  cursor: pointer;
  height: 32px;
}
.CollapseItem .collapse-item-content_item.active .part .lead-info .lead-name {
  color: var(--primary-color);
}
.CollapseItem .collapse-item-content_item.hasImage {
  height: 60px;
  padding: 0 10px;
}
.CollapseItem .collapse-item-content_item.hasImage .name .lead-name {
  max-width: 150px;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CollapseItem .collapse-item-content_item.hasImage .agent-email {
  height: 14px;
  font-family: "SF UI Text";
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #a0a3af;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.CollapseItem .collapse-item-content_item .icon-checked_bold {
  font-size: 12px;
  color: var(--primary-color);
}
.CollapseItem .collapse-item-content_item img {
  width: 40px;
  height: 40px;
  margin: 10px 10px 10px 0;
  border-radius: 50%;
}
.CollapseItem .collapse-item-content_item .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.CollapseItem .load-more {
  color: var(--primary-color);
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  background: #f6f7fb;
  border: solid 1px #ebecf1;
  cursor: pointer;
}
.CollapseItem .load-more:hover {
  background: #ebecf1;
}
.CollapseItem .part {
  display: flex;
  align-items: center;
  flex: 1;
  max-width: calc(100% - 30px);
}
.CollapseItem .part .lead-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.CollapseItem .part .lead-info .lead-name {
  line-height: 16px;
  margin-bottom: 6px;
  font-size: 14px;
  color: #515666;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CollapseItem .part .lead-info .lead-email {
  font-size: 12px;
  line-height: 14px;
  color: #a0a3af;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CollapseItem .part .title {
  max-width: calc(100% - 30px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.CollapseItem .part .com-checkbox,
.CollapseItem .part .checkbox-label {
  display: flex;
  align-items: center;
  flex: none;
  min-width: 16px;
}
.CollapseItem .part .com-checkbox.full-click,
.CollapseItem .part .checkbox-label.full-click {
  flex: 1;
}
.CollapseItem .part .com-checkbox.full-click .checkbox-label,
.CollapseItem .part .checkbox-label.full-click .checkbox-label {
  flex: 1;
}
.CollapseItem .collapse-item-title:hover,
.CollapseItem .collapse-item-content_item:hover {
  background: #f6f7fb;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.leadAssignCommon {
  width: 300px;
  max-width: 100%;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
}
.leadAssignCommon.isInheritWidth {
  width: 100%;
}
.leadAssignCommon .search-input {
  display: flex;
  align-items: center;
  padding: 10px;
}
.leadAssignCommon .search-input span {
  font-size: 16px;
  color: #c6c8d1;
}
.leadAssignCommon .search-input .chime-input {
  caret-color: var(--primary-color);
  border: none;
  flex: 1;
  box-shadow: none;
}
.leadAssignCommon .empty {
  text-align: center;
  color: #c8c8c8;
  line-height: 60px;
  width: 100%;
  margin: 0 auto;
}
.leadAssignCommon .all-agent-select {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 32px;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
  line-height: 32px;
  color: #515666;
  font-size: 14px;
}
.leadAssignCommon .all-agent-select:hover {
  background: #f6f7fb;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.lead-assign-common.disabled .com-dropdown-label {
  background-color: #f6f7fa;
  cursor: not-allowed !important;
  pointer-events: none;
}
.lead-assign-common-title {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #515666;
  cursor: pointer;
}
.lead-assign-common-title .name {
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lead-assign-common .com-dropdownbox .com-dropdown-label {
  border: none;
  box-shadow: none;
}
.lead-assign-common-content {
  width: 100%;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.assign-wrap-label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0 10px 0 10px;
  height: 100%;
  border: solid 1px #c6c8d1;
  border-radius: 3px;
  color: #495060;
  text-align: left;
  box-sizing: border-box;
  overflow: hidden;
}
.assign-wrap-label.disabled {
  background-color: #f6f7fa;
  border: solid 1px #e1e2e6;
  cursor: not-allowed;
}
.assign-wrap-label.isOpen {
  border-color: var(--primary-color);
}
.assign-wrap-label.noborder {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.assign-wrap-label-left {
  padding-right: 10px;
  font-size: 14px;
  box-sizing: border-box;
}
.assign-wrap-label-left > span.placeholder {
  color: #c6c8d1;
  padding-left: 0;
}
.assign-wrap-label-right {
  color: #a0a3af;
  font-size: 10px;
}
.assign-wrap-label-right.isOpen {
  transform: rotate(-180deg);
}
.assign-wrap-content {
  font-size: 14px;
  color: #515666;
  max-height: 250px;
  padding: 0 0 7px 0;
  overflow-y: scroll;
}
.assign-wrap-content .search-input {
  display: flex;
  align-items: center;
  padding: 10px;
}
.assign-wrap-content .search-input span {
  font-size: 16px;
  color: #c6c8d1;
}
.assign-wrap-content .search-input .chime-input {
  border: none;
  flex: 1;
  box-shadow: none;
}
.assign-wrap-content .select-all {
  padding-left: 10px;
  line-height: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.assign-wrap-content .select-all:hover {
  background: #f6f7fb;
}
.assign-wrap-content .group-item-name {
  justify-content: space-between;
  padding: 0 10px;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  display: flex;
  overflow: hidden;
  align-items: center;
}
.assign-wrap-content .group-item-name:hover {
  background: #f6f7fb;
}
.assign-wrap-content .group-item-name-left {
  height: 100%;
  display: flex;
  flex: 1;
  padding-right: 10px;
  box-sizing: border-box;
  align-items: center;
  overflow: hidden;
}
.assign-wrap-content .group-item-name-left-text {
  flex: 1;
  line-break: 32px;
}
.assign-wrap-content .group-item-name-right {
  color: #a0a3af;
  font-size: 10px;
  transition: all 0.2s;
}
.assign-wrap-content .group-item-name-right.isOpen {
  transform: rotate(-180deg);
}
.assign-wrap-content .group-item-list {
  transition: all 0.2s;
  overflow-y: hidden;
}
.assign-wrap-content .group-item-list-item {
  cursor: pointer;
  padding: 0 30px 0 20px;
  line-height: 32px;
  display: flex;
  height: 32px;
  align-items: center;
  position: relative;
}
.assign-wrap-content .group-item-list-item-name {
  flex: 1;
  line-height: 32px;
}
.assign-wrap-content .group-item-list-item:hover {
  background: #f6f7fb;
}
.assign-wrap-content .group-item-list-item.active {
  color: var(--primary-color);
}
.assign-wrap-content .group-item-list-item.active:before {
  font-family: "chime";
  content: "\E93D";
  color: var(--primary-color);
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}
.assign-wrap-content .empty {
  text-align: center;
  color: #c8c8c8;
  line-height: 60px;
  width: 100%;
  margin: 0 auto;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.free-trial-subscribe-tip {
  --color-main: var(--primary-color);
  position: fixed;
  z-index: 1000;
  bottom: -60px;
  height: 60px;
  width: 100vw;
  left: 0;
  transition: bottom 0.2s ease;
  background: var(--color-main);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  color: #fff;
  font-size: 14px;
}
.free-trial-subscribe-tip .bold {
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}
.free-trial-subscribe-tip .mark {
  font-weight: bold;
  font-size: 14px;
  color: #fbe889;
  margin-left: 5px;
}
.free-trial-subscribe-tip .subscribe {
  margin-left: 10px;
  width: 119px;
  height: 30px;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-main);
  background-color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.free-trial-subscribe-tip .subscribe .icon2017 {
  margin-left: 7px;
}
.free-trial-subscribe-tip.show {
  bottom: 0px;
}
body.subscribe-tip-shown > .header-main.with-header + #app {
  height: calc(100% - 120px);
  overflow: auto;
}
body.subscribe-tip-shown .free-trial-guide {
  bottom: 130px;
  right: 30px;
}

.chime-primary-color[data-v-53681495] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-53681495]:hover {
  text-decoration: underline;
}
.com-rich-text-outer[data-v-53681495] {
  box-sizing: border-box;
  position: relative;
  overflow: auto;
  min-height: 20px;
}
.com-rich-text-outer .rich-text-inner[data-v-53681495] {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border: solid 1px #c6c8d1;
  padding: 10px;
  border-radius: 4px;
  box-sizing: border-box;
}
.com-rich-text-outer .rich-text-inner .rich-text[data-v-53681495] {
  width: 100%;
  padding-right: 10px;
  outline: 0;
  margin-bottom: 0px !important;
  overflow-x: hidden;
  overflow-y: scroll;
  box-sizing: border-box;
  text-align: left;
  word-break: break-word;
  color: #202437;
  font-size: 14px;
}
.com-rich-text-outer .rich-text-inner .rich-text[contenteditable="true"][data-v-53681495]:empty:before {
  content: attr(placeholder);
  color: #c6c8d1;
  font-size: 14px;
  font-family: "SF UI Text";
}
.com-rich-text-outer .rich-text-inner .rich-text[data-v-53681495]::-webkit-scrollbar {
  display: none;
}
.com-rich-text-outer .rich-text-inner .rich-text .hyperlinks[data-v-53681495] {
  color: var(--primary-color) !important;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--primary-color);
  word-break: break-all;
}
.com-rich-text-outer .rich-text-inner .upload-btn[data-v-53681495] {
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  display: inline-block;
  background-color: #fff;
  border: solid 1px #e1e2e6;
  font-size: 12px;
  color: #515666;
  cursor: pointer;
  width: 80px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.com-rich-text-outer .rich-text-inner .upload-btn[data-v-53681495]:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 10, 30, 0.1);
}
.com-rich-text-outer .rich-text-inner .upload-btn .disabled[data-v-53681495] {
  color: #c6c8d1;
}
.com-rich-text-outer .rich-text-inner .upload-btn input[data-v-53681495] {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.com-rich-text-outer .rich-text-focus[data-v-53681495] {
  border-color: var(--primary-color) !important;
}
.com-rich-text-outer .title-container[data-v-53681495] {
  width: 100%;
  position: relative;
}
.com-rich-text-outer .title-container textarea[data-v-53681495] {
  width: 100%;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #202437;
  word-break: break-all;
  white-space: normal;
  min-height: 19px;
  overflow: hidden;
}
.com-rich-text-outer .title-container textarea[data-v-53681495]::-webkit-input-placeholder {
  color: #c6c8d1;
  font-size: 14px;
  font-family: "SF UI Text";
}
.com-rich-text-outer .title-container .title-overlay[data-v-53681495] {
  min-height: 19px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  pointer-events: none;
  word-break: break-all;
  white-space: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}
.com-rich-text-outer .file-container[data-v-53681495] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-top: 10px;
}
.com-rich-text-outer .file-container .attach-area[data-v-53681495] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 0px;
}
.com-rich-text-outer .file-container .attach-area .bottom-attach[data-v-53681495] {
  flex-shrink: 0;
  border-radius: 4px;
  border: solid 1px var(--primary-color-9);
  background-color: var(--primary-color-10);
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: row;
}
.com-rich-text-outer .file-container .attach-area .bottom-attach .fileName[data-v-53681495] {
  flex: 1 0 0;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
}
.com-rich-text-outer .file-container .attach-area .bottom-attach .fileName span[data-v-53681495]:nth-child(1) {
  flex: 1 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.com-rich-text-outer .file-container .attach-area .bottom-attach .fileName *[data-v-53681495] {
  font-size: 12px;
  color: var(--primary-color);
}
.com-rich-text-outer .file-container .attach-area .bottom-attach .progress[data-v-53681495] {
  background: rgba(var(--primary-color-rgb), 0.15);
  border-radius: 10px;
  width: 200px;
  height: 6px;
  margin-left: 10px;
}
.com-rich-text-outer .file-container .attach-area .bottom-attach .progress .progress-in[data-v-53681495] {
  border-radius: 10px;
  background-color: var(--primary-color);
  height: 6px;
  transition: all 600ms;
}
.com-rich-text-outer .file-container .attach-area .bottom-attach .attach-right[data-v-53681495] {
  margin-left: 10px;
}
.com-rich-text-outer .file-container .attach-area .bottom-attach .attach-right span[data-v-53681495] {
  opacity: 0.3;
  color: var(--primary-color);
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 1em;
}
.com-rich-text-outer .file-container .attach-area .bottom-attach .attach-right span[data-v-53681495]:hover {
  opacity: 1;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.rich-text-task .hyperlinks {
  color: var(--primary-color) !important;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--primary-color);
}
.rich-text-task .rich-text-inner .upload-btn:hover {
  border-color: #e1e2e6 !important;
  color: #515666 !important;
  box-shadow: 0 1px 3px 0 rgba(0, 10, 30, 0.1);
}
.rich-text-task .file-container {
  height: auto;
  border: none;
  box-sizing: border-box;
}

.chime-primary-color[data-v-3fa2f045] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-3fa2f045]:hover {
  text-decoration: underline;
}
*[data-v-3fa2f045] {
  box-sizing: border-box;
}
.generator-wrap .generator_icon[data-v-3fa2f045] {
  cursor: pointer;
  background: #ffffff;
}
.generator-wrap .generator_icon .icon2017[data-v-3fa2f045] {
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  vertical-align: middle;
}
.generator-wrap .generator_icon[data-v-3fa2f045]:hover {
  background: #F6F7FB;
}
.generator-wrap .generator_icon:hover .icon2017[data-v-3fa2f045] {
  color: var(--primary-color);
}
.generator-wrap .generator_icon[data-v-3fa2f045]:active,
.generator-wrap .generator_icon[data-v-3fa2f045]:focus,
.generator-wrap .generator_icon.is-open[data-v-3fa2f045] {
  border-color: transparent;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(223.96deg, #2460fc 4.75%, #2492fc 100%);
}
.generator-wrap .generator_icon:active .icon2017[data-v-3fa2f045],
.generator-wrap .generator_icon:focus .icon2017[data-v-3fa2f045],
.generator-wrap .generator_icon.is-open .icon2017[data-v-3fa2f045] {
  font-size: 14px;
  color: #ffffff !important;
}
.generator-wrap .generator_icon.text[data-v-3fa2f045] {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
}
.generator-wrap .generator_icon.text .icon2017[data-v-3fa2f045] {
  font-size: 16px;
  color: #a0a3af;
}
.generator-wrap .generator_icon.text[data-v-3fa2f045]:hover {
  background: #F6F7FB;
}
.generator-wrap .generator_icon.text:hover .icon2017[data-v-3fa2f045] {
  color: var(--primary-color);
}
.generator-wrap .generator_icon.replyEmail[data-v-3fa2f045],
.generator-wrap .generator_icon.newEmail[data-v-3fa2f045] {
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 4px;
}
.generator-wrap .generator_icon.replyEmail .icon2017[data-v-3fa2f045],
.generator-wrap .generator_icon.newEmail .icon2017[data-v-3fa2f045] {
  font-size: 14px;
  color: #000000;
  margin-top: 6px;
}

.chime-primary-color {
  color: var(--primary-color) !important;
}
.hover-underline:hover {
  text-decoration: underline;
}
.generator-content-box {
  padding: 15px;
  overflow: hidden;
}
.generator-content-box .generator-content {
  position: relative;
  max-width: 640px;
  background: #fff;
}
.generator-content-box .generator-content .generator-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 12px;
  color: #797e8b;
}
.generator-content-box .generator-content .generator-header .tips > .icon2017 {
  font-size: 14px;
  color: #c6c8d1;
}
.generator-content-box .generator-content .tips {
  font-size: 12px;
  color: #797e8b;
}
.generator-content-box .generator-content .generator-template-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  margin-top: 10px;
}
.generator-content-box .generator-content .generator-template-list .template-item {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 4px;
  padding: 0px 10px;
  font-size: 12px;
  color: #797e8b;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e1e2e6;
  cursor: pointer;
}
.generator-content-box .generator-content .generator-template-list .template-item .icon2017 {
  font-size: 14px;
  margin-right: 5px;
}
.generator-content-box .generator-content .generator-template-list .template-item:hover {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.generator-content-box .generator-content .generator-template-list .template-item.active {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.generator-content-box .generator-content .generator-text_empty {
  padding: 30px 40px;
  text-align: center;
}
.generator-content-box .generator-content .generator-text_empty .icon-robot_02 {
  color: #c6c8d1;
  font-size: 40px;
  margin-bottom: 20px;
}
.generator-content-box .generator-content .generator-text_empty .title {
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  color: #a0a3af;
  margin-top: 4px;
}
.generator-content-box .generator-content .generator-text_empty .subtitle {
  font-size: 12px;
  text-align: center;
  color: #c6c8d1;
  margin-top: 8px;
}
.generator-content-box .generator-content .generator-text_box {
  position: relative;
}
.generator-content-box .generator-content .generator-text_box .generator_textarea_box {
  position: relative;
  width: 100%;
  height: 120px;
  background: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 14px;
  color: #202437;
  white-space: nowrap;
}
.generator-content-box .generator-content .generator-text_box .generator_textarea_box .tip {
  color: #c6c8d1;
  font-size: 11px;
  margin-top: 5px;
  float: right;
  position: absolute;
  bottom: 5px;
  right: 10px;
}
.generator-content-box .generator-content .generator-text_box .generator_textarea_box .tip.max-limit {
  color: #f0454c;
}
.generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #c6c8d1;
  border-radius: 4px;
  white-space: pre-wrap;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
  overflow: auto;
}
.generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea:hover {
  border-color: #a0a3af;
}
.generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea:focus {
  border-color: var(--primary-color);
  caret-color: var(--primary-color);
}
.generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #c6c8d1;
}
.generator-content-box .generator-content .generator-text_box .generator_textarea_box .generator_textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #c6c8d1;
}
.generator-content-box .generator-content .generator-text .btn-group {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.chime-primary-color[data-v-1dd9f909] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-1dd9f909]:hover {
  text-decoration: underline;
}
.container[data-v-1dd9f909] {
  width: 580px;
  display: flex;
  flex-direction: column;
  padding: 20px 30px;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.row[data-v-1dd9f909] {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  gap: 10px;
  margin-bottom: 0;
}
.row[data-v-1dd9f909] .com-form-label {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #515666;
}
.row[data-v-1dd9f909] .com-form-content {
  width: 100%;
}
.footer[data-v-1dd9f909] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.full-width[data-v-1dd9f909] {
  width: 100%;
}
.form-textarea[data-v-1dd9f909] {
  min-height: 150px;
  padding: 10px;
}

.chime-primary-color[data-v-6155b8b6] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-6155b8b6]:hover {
  text-decoration: underline;
}
.container[data-v-6155b8b6] {
  width: 900px;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.wrapper[data-v-6155b8b6] {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}
.video-wrapper[data-v-6155b8b6] {
  height: 460px;
  width: 100%;
}
.title[data-v-6155b8b6] {
  color: #202437;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}
.subtitle[data-v-6155b8b6] {
  color: #515666;
  font-size: 14px;
  line-height: 20px;
}
.btn[data-v-6155b8b6] {
  align-self: center;
  width: 300px;
  height: 40px;
}

.chime-primary-color[data-v-2a3d8ada] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-2a3d8ada]:hover {
  text-decoration: underline;
}
.lofty-work-request-tip-pop[data-v-2a3d8ada] .pop-title {
  height: 30px;
}
.lofty-work-request-tip-pop[data-v-2a3d8ada] .pop-footer {
  border: none;
}
.lofty-work-request-tip-pop__body[data-v-2a3d8ada] {
  width: 480px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lofty-work-request-tip-pop__body .type-icon[data-v-2a3d8ada] {
  font-size: 60px;
  width: 60px;
  height: 60px;
  line-height: 60px;
}
.lofty-work-request-tip-pop__body .type-icon.icon-type-fail[data-v-2a3d8ada] {
  color: #f0454c;
}
.lofty-work-request-tip-pop__body .type-icon.icon-type-success[data-v-2a3d8ada] {
  color: #20c472;
}
.lofty-work-request-tip-pop__body .description[data-v-2a3d8ada] {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  margin: 25px 0 20px;
  color: #515666;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
  word-wrap: break-word;
}
.lofty-work-request-tip-pop__footer[data-v-2a3d8ada] {
  width: 100%;
  height: 80px;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}
.lofty-work-request-tip-pop__footer .close-btn[data-v-2a3d8ada] {
  width: 140px;
}

.chime-primary-color[data-v-2f0ac63e] {
  color: var(--primary-color) !important;
}
.hover-underline[data-v-2f0ac63e]:hover {
  text-decoration: underline;
}
.container[data-v-2f0ac63e] {
  border-radius: 4px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.container .wrapper[data-v-2f0ac63e] {
  gap: 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.container .content[data-v-2f0ac63e] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  color: #ffffff;
}
.container .icon[data-v-2f0ac63e] {
  position: absolute;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
  width: 20px;
  height: 20px;
}
.container .icon[data-v-2f0ac63e]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.container .icon[data-v-2f0ac63e]::before {
  color: #ffffff;
  opacity: 0.3;
}
.container .btn[data-v-2f0ac63e] {
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
}
.container .btn[data-v-2f0ac63e]:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.container.is-vertical[data-v-2f0ac63e] {
  padding: 20px;
  background: url("https://cdn.chime.me/image/fs/sitebuild/202478/6/original_a1be01e9-0159-41d4-b6e3-33fbb4e514fe.png"), url(https://cdn.chime.me/image/fs/sitebuild/2024719/2/original_b8328354-ea48-4a07-a3bf-3c4504c1ae65.png);
  background-position: bottom -82px center, center;
  background-size: 90%, cover;
  background-repeat: no-repeat;
  width: 320px;
  height: 260px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 201;
}
.container.is-vertical .wrapper[data-v-2f0ac63e] {
  width: 100%;
  align-items: center;
  text-align: center;
  padding: 0 5px 108px 5px;
  gap: 15px;
}
.container.is-vertical .title[data-v-2f0ac63e] {
  padding: 0 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.container.is-vertical .description[data-v-2f0ac63e] {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.container.is-vertical .icon[data-v-2f0ac63e] {
  right: 10px;
  top: 10px;
}
.container.is-vertical .btn[data-v-2f0ac63e] {
  border: 1px solid #ffffff;
  width: 178px;
  height: 32px;
  font-size: 12px;
  line-height: 32px;
  background-color: transparent;
}
.container.is-vertical .btn[data-v-2f0ac63e]:hover {
  opacity: 0.75;
}
.container.is-horizontal[data-v-2f0ac63e] {
  min-height: 190px;
  padding: 30px;
  background: url("https://cdn.chime.me/image/fs/sitebuild/202478/6/original_a1be01e9-0159-41d4-b6e3-33fbb4e514fe.png"), url(https://cdn.chime.me/image/fs/sitebuild/2024718/11/original_251f7dd7-57f7-4f70-a9c8-3441f3cd19b7.png);
  background-position: right 50px bottom, center;
  background-size: 39%, cover;
  background-repeat: no-repeat;
  margin-top: 20px;
  width: 780px;
  box-sizing: border-box;
  display: inline-block;
}
.container.is-horizontal .wrapper[data-v-2f0ac63e] {
  width: 380px;
  align-items: flex-start;
}
.container.is-horizontal .title[data-v-2f0ac63e] {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
.container.is-horizontal .description[data-v-2f0ac63e] {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.container.is-horizontal .icon[data-v-2f0ac63e] {
  right: 20px;
  top: 20px;
}
.container.is-horizontal .btn[data-v-2f0ac63e] {
  width: 180px;
  height: 40px;
}
.container.is-full-width[data-v-2f0ac63e] {
  width: 100%;
  height: 90px;
  padding: 20px 30px 20px;
  background: url(https://cdn.chime.me/image/fs/sitebuild/2024719/2/original_8e0a5910-76e3-4193-bf03-7dc681bb875d.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.container.is-full-width .icon[data-v-2f0ac63e] {
  top: 20px;
  right: 20px;
}
.container.is-full-width .wrapper[data-v-2f0ac63e] {
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: auto 1;
  padding-right: 20px;
}
.container.is-full-width .title[data-v-2f0ac63e]::before {
  content: "🏠";
}
.container.is-full-width .btn[data-v-2f0ac63e] {
  width: 176px;
  height: 36px;
  font-size: 12px;
  background-color: transparent;
  border: 1px solid #ffffff;
}
.container.is-full-width .btn[data-v-2f0ac63e]:hover {
  opacity: 0.75;
}