.EngageTemplateListView__container__2vj86{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;background:#fff}.EngageTemplateListView__search-input__22vC-{width:100%;padding:12px 16px;border:1px solid #efefef;border-radius:6px;font-size:14px;outline:none;-webkit-transition:border-color .2s ease;transition:border-color .2s ease}.EngageTemplateListView__search-input__22vC-:focus{border-color:#1976d2;-webkit-box-shadow:0 0 0 2px rgba(25,118,210,.1);box-shadow:0 0 0 2px rgba(25,118,210,.1)}.EngageTemplateListView__search-input__22vC-::-webkit-input-placeholder{color:#a3a3a3}.EngageTemplateListView__search-input__22vC-::-moz-placeholder{color:#a3a3a3}.EngageTemplateListView__search-input__22vC-:-ms-input-placeholder,.EngageTemplateListView__search-input__22vC-::-ms-input-placeholder{color:#a3a3a3}.EngageTemplateListView__search-input__22vC-::placeholder{color:#a3a3a3}.EngageTemplateListView__search-clear__1__P2{position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#a3a3a3;font-size:16px}.EngageTemplateListView__search-clear__1__P2:hover{color:#656565}.EngageTemplateListView__template-header__1SQRJ{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.EngageTemplateListView__create-template-btn__29Z4n{min-width:200px}@media (max-width:768px){.EngageTemplateListView__content__2pAo4{padding:0 15px 15px}}
.EngageTemplateDrawer__drawer-box__1r8AT{border-radius:4px;right:45px;-webkit-box-shadow:0 4px 8px 0 rgba(33,33,33,.18);box-shadow:0 4px 8px 0 rgba(33,33,33,.18);background-color:#fff;z-index:3}.EngageTemplateDrawer__drawer-box__1r8AT div[class*=title-box]{margin-bottom:0}.EngageTemplateDrawer__drawer-box__1r8AT div[class*=title-wrap]{padding:24px 12px 12px 24px}.EngageTemplateDrawer__drawer-box__1r8AT div[class*=title-wrap] div[class*=left-bar] h3{font-size:16px;font-weight:400;line-height:24px}.response-template-btn{width:30px;height:30px;padding-left:8px}.response-header-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.response-header-btn .icon-reset{font-size:16px;font-weight:700;margin-right:12px}.template-content-wrapper{padding:0 9px 0 24px;margin-right:12px}.template-content-wrapper .search-option{padding-right:15px}.template-content-wrapper .templates-list{overflow-y:auto;padding-right:10px;height:270px}.response-template-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px;border-radius:4px;gap:12px;padding-right:14px}.response-template-card:hover{background-color:#f2f4f7}.response-template-card .template-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;width:80px;height:70px;padding:4px;background-color:#e5e9f0;border:1px solid #e5e9f0}.response-template-card .template-icon .template-preview-card{zoom:.2}.response-template-card .template-icon .template-preview-card .template-reply-content{all:unset}.response-template-card .template-icon .template-preview-card .template-reply-label{font-size:22px;color:#212121;font-weight:500}.response-template-card .template-icon .template-preview-card .template-reply-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.response-template-card .template-icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.template-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.template-actions .icon_phoenix-eye{width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;border:1px solid #e5e9f0;background:#fff}.template-actions .icon_phoenix-eye:before{color:#303030}.template-actions .icon_phoenix-eye:hover{background-color:#eaeaea}.template-actions .response-template-menu{height:32px;padding:8px;border-radius:4px;border:1px solid #e5e9f0;background:#fff}.template-actions .response-template-menu:hover{background-color:#eaeaea}.template-actions .response-template-menu .icon-download:before{color:#303030}.template-actions .response-template-menu .el-actionbox-list-container{top:32px}.template-actions .response-template-menu .element-ui-tooltiptext{margin-top:6px}.template-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.recommended-name{font-size:12px;color:#6834b7;font-weight:400;line-height:18px}.template-title{font-size:14px;color:#212121;font-weight:400;line-height:20px}.template-preview{font-size:12px;color:#757575;font-weight:400;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.el-no-data.response-template-nodata{margin:auto!important;min-height:auto;height:100%}.preview-template-modal i[class*=modal-close-icon]{right:24px;top:32px}@media (max-width:768px){.EngageTemplateDrawer__drawer-box__1r8AT{height:350px}}@media (max-width:480px){.EngageTemplateDrawer__drawer-box__1r8AT{height:300px}}
.markdown-renderer li,.markdown-renderer p,.markdown-renderer small,.markdown-renderer span,.markdown-renderer strong{font-size:14px;color:#555;font-weight:400;line-height:20px;display:block;margin-bottom:8px}.markdown-renderer li a,.markdown-renderer p a,.markdown-renderer small a,.markdown-renderer span a,.markdown-renderer strong a{color:#1976d2;cursor:pointer}.markdown-renderer h2{font-size:14px;color:#555;font-weight:400;line-height:20px;margin-bottom:8px}.markdown-renderer ul li{position:relative;padding-left:12px}.markdown-renderer ul li:after{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background-color:#555}.markdown-renderer ul li strong{display:inline-block;margin:0}.markdown-renderer .custom-ul-style{margin-left:8px}
