[{"data":1,"prerenderedAt":34},["ShallowReactive",2],{"$f148199gmhdfq7":3,"components-feedback":4},1,{"category":5,"components":18},{"name":6,"description":7,"components":8},"Feedback","Feedback components for collecting user feedback with forms and ratings.",[9,12,15],{"slug":10,"title":11},"simple-rating-survey","Simple rating survey",{"slug":13,"title":14},"survey-section","Survey section",{"slug":16,"title":17},"customer-reviews","Customer reviews",[19,24,29],{"slug":10,"title":11,"code":20},{"html":21,"inline-styles":22,"tailwind":23},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Ctitle>\n How satisfied were you overall with the initial conversation about your\n claim?\n \u003C\u002Ftitle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n \u003Ctable\n border=\"0\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n align=\"center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n dir=\"ltr\"\n lang=\"en\"\n style=\"margin:0;margin-left:12px;margin-right:12px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n \u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta\n content=\"text\u002Fhtml; charset=UTF-8\"\n http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Cstyle>\u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody dir=\"ltr\" lang=\"en\">\n \u003Ctable\n border=\"0\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n align=\"center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd dir=\"ltr\" lang=\"en\">\n \u003Cdiv\n data-skip-in-text=\"true\"\n style=\"display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0\">\n How satisfied were you overall with the\n initial conversation about your claim?\n \u003Cdiv>\n  ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:600px;background-color:rgb(255,255,255);border-radius:8px;margin-left:auto;margin-right:auto\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n style=\"padding-left:42px;padding-right:42px;padding-top:24px;padding-bottom:24px\">\n \u003Ch1\n style=\"font-size:24px;line-height:32px;margin-bottom:16px\">\n How satisfied were you overall with\n the initial conversation about your\n claim?\n \u003C\u002Fh1>\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);margin-bottom:42px;margin-top:16px\">\n Your feedback is important to us and\n it will be used to better serve our\n customers.\n \u003C\u002Fp>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:300px\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n data-id=\"__vuemail-column\"\n style=\"width:100px;text-align:center\">\n \u003Cp\n style=\"font-size:12px;line-height:1;color:rgb(68,68,68);margin-left:12px;text-align:left;margin-top:16px;margin-bottom:16px\">\n Dissatisfied\n \u003C\u002Fp>\n \u003C\u002Ftd>\n \u003Ctd\n data-id=\"__vuemail-column\"\n style=\"width:100px;text-align:center\">\n \u003Cp\n style=\"font-size:12px;line-height:1;color:rgb(68,68,68);margin-right:12px;text-align:right;margin-top:16px;margin-bottom:16px\">\n Satisfied\n \u003C\u002Fp>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-top:12px;margin-bottom:24px\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Ctable\n align=\"center\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n width=\"51\"\n height=\"43\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:51px;height:43px;padding-left:4px;padding-right:4px\">\n \u003Ca\n href=\"?rating=1\"\n style=\"line-height:1;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:rgb(79,70,229);border-radius:6px;box-sizing:border-box;color:rgb(255,255,255);font-size:16px;font-weight:600;height:43px;margin:0px;padding:12px;text-align:center;width:43px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%;mso-text-raise:18px\" hidden>  \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px\"\n >1\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%\" hidden>  ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003Ctd\n width=\"51\"\n height=\"43\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:51px;height:43px;padding-left:4px;padding-right:4px\">\n \u003Ca\n href=\"?rating=2\"\n style=\"line-height:1;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:rgb(79,70,229);border-radius:6px;box-sizing:border-box;color:rgb(255,255,255);font-size:16px;font-weight:600;height:43px;margin:0px;padding:12px;text-align:center;width:43px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%;mso-text-raise:18px\" hidden>  \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px\"\n >2\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%\" hidden>  ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003Ctd\n width=\"51\"\n height=\"43\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:51px;height:43px;padding-left:4px;padding-right:4px\">\n \u003Ca\n href=\"?rating=3\"\n style=\"line-height:1;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:rgb(79,70,229);border-radius:6px;box-sizing:border-box;color:rgb(255,255,255);font-size:16px;font-weight:600;height:43px;margin:0px;padding:12px;text-align:center;width:43px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%;mso-text-raise:18px\" hidden>  \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px\"\n >3\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%\" hidden>  ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003Ctd\n width=\"51\"\n height=\"43\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:51px;height:43px;padding-left:4px;padding-right:4px\">\n \u003Ca\n href=\"?rating=4\"\n style=\"line-height:1;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:rgb(79,70,229);border-radius:6px;box-sizing:border-box;color:rgb(255,255,255);font-size:16px;font-weight:600;height:43px;margin:0px;padding:12px;text-align:center;width:43px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%;mso-text-raise:18px\" hidden>  \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px\"\n >4\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%\" hidden>  ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003Ctd\n width=\"51\"\n height=\"43\"\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:51px;height:43px;padding-left:4px;padding-right:4px\">\n \u003Ca\n href=\"?rating=5\"\n style=\"line-height:1;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:rgb(79,70,229);border-radius:6px;box-sizing:border-box;color:rgb(255,255,255);font-size:16px;font-weight:600;height:43px;margin:0px;padding:12px;text-align:center;width:43px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%;mso-text-raise:18px\" hidden>  \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px\"\n >5\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%\" hidden>  ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Chr\n style=\"width:100%;border:none;border-color:transparent;border-top:1px solid #eaeaea\" \u002F>\n \u003Cp\n style=\"font-size:12px;line-height:16px;color:rgb(107,114,128);font-weight:500;margin-top:30px;text-align:center;margin-bottom:16px\">\n Customer Experience Research\n Team\n \u003C\u002Fp>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fbody>\n \u003C\u002Fhtml>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport {\n Body,\n Button,\n Column,\n Container,\n Head,\n Heading,\n Hr,\n Html,\n Preview,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CHtml>\n \u003CHead \u002F>\n \u003CBody>\n \u003CPreview>\n How satisfied were you overall with the initial conversation about your\n claim?\n \u003C\u002FPreview>\n \u003CContainer\n :style=\"{\n backgroundColor: 'rgb(255,255,255)',\n borderRadius: '8px',\n marginLeft: 'auto',\n marginRight: 'auto',\n maxWidth: '600px',\n paddingLeft: '42px',\n paddingRight: '42px',\n paddingTop: '24px',\n paddingBottom: '24px',\n }\"\n >\n \u003CHeading\n :style=\"{\n fontSize: '24px',\n lineHeight: '32px',\n marginBottom: '16px',\n }\"\n >\n How satisfied were you overall with the initial conversation about\n your claim?\n \u003C\u002FHeading>\n \u003CText\n :style=\"{\n color: 'rgb(107,114,128)',\n fontSize: '14px',\n lineHeight: '24px',\n marginBottom: '42px',\n }\"\n >\n Your feedback is important to us and it will be used to better serve\n our customers.\n \u003C\u002FText>\n \u003CSection :style=\"{ maxWidth: '300px' }\">\n \u003CRow>\n \u003CColumn :style=\"{ width: '100px', textAlign: 'center' }\">\n \u003CText\n :style=\"{\n color: 'rgb(68,68,68)',\n fontSize: '12px',\n lineHeight: '1',\n marginLeft: '12px',\n textAlign: 'left',\n }\"\n >\n Dissatisfied\n \u003C\u002FText>\n \u003C\u002FColumn>\n \u003CColumn :style=\"{ width: '100px', textAlign: 'center' }\">\n \u003CText\n :style=\"{\n color: 'rgb(68,68,68)',\n fontSize: '12px',\n lineHeight: '1',\n marginRight: '12px',\n textAlign: 'right',\n }\"\n >\n Satisfied\n \u003C\u002FText>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n \u003CSection\n :style=\"{ marginTop: '12px', marginBottom: '24px' }\"\n align=\"center\"\n >\n \u003CRow :width=\"undefined\">\n \u003CColumn\n v-for=\"rating in 5\"\n :key=\"rating\"\n width=\"51\"\n height=\"43\"\n :style=\"{\n width: '51px',\n height: '43px',\n paddingLeft: '4px',\n paddingRight: '4px',\n }\"\n align=\"center\"\n valign=\"middle\"\n >\n \u003CButton\n :href=\"`?rating=${rating}`\"\n :style=\"{\n backgroundColor: 'rgb(79,70,229)',\n borderRadius: '6px',\n boxSizing: 'border-box',\n color: 'rgb(255,255,255)',\n fontSize: '16px',\n fontWeight: '600',\n height: '43px',\n lineHeight: '1',\n margin: '0px',\n padding: '12px',\n textAlign: 'center',\n width: '43px',\n }\"\n >{{ rating }}\u003C\u002FButton>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n \u003CSection>\n \u003CHr \u002F>\n \u003CText\n :style=\"{\n color: 'rgb(107,114,128)',\n fontSize: '12px',\n lineHeight: '16px',\n fontWeight: '500',\n marginTop: '30px',\n textAlign: 'center',\n }\"\n >\n Customer Experience Research Team\n \u003C\u002FText>\n \u003C\u002FSection>\n \u003C\u002FContainer>\n \u003C\u002FBody>\n \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport {\n Body,\n Button,\n Column,\n Container,\n Head,\n Heading,\n Hr,\n Html,\n Preview,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CHtml>\n \u003CHead \u002F>\n \u003CBody>\n \u003CPreview>\n How satisfied were you overall with the initial conversation about your\n claim?\n \u003C\u002FPreview>\n \u003CContainer\n class=\"mx-auto max-w-[600px] rounded-[8px] bg-white px-[42px] py-[24px]\"\n >\n \u003CHeading class=\"mb-[16px] text-[24px] leading-[32px]\">\n How satisfied were you overall with the initial conversation about\n your claim?\n \u003C\u002FHeading>\n \u003CText class=\"mb-[42px] text-gray-500 text-[14px] leading-[24px]\">\n Your feedback is important to us and it will be used to better serve\n our customers.\n \u003C\u002FText>\n \u003CSection class=\"max-w-[300px]\">\n \u003CRow>\n \u003CColumn class=\"w-[100px] text-center\">\n \u003CText\n class=\"ml-[12px] text-left text-[rgb(68,68,68)] text-[12px] leading-none\"\n >\n Dissatisfied\n \u003C\u002FText>\n \u003C\u002FColumn>\n \u003CColumn class=\"w-[100px] text-center\">\n \u003CText\n class=\"mr-[12px] text-right text-[rgb(68,68,68)] text-[12px] leading-none\"\n >\n Satisfied\n \u003C\u002FText>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n \u003CSection class=\"mt-[12px] mb-[24px]\" align=\"center\">\n \u003CRow :width=\"undefined\">\n \u003CColumn\n v-for=\"rating in 5\"\n :key=\"rating\"\n width=\"51\"\n height=\"43\"\n class=\"w-[51px] h-[43px] px-[4px]\"\n align=\"center\"\n valign=\"middle\"\n >\n \u003CButton\n :href=\"`?rating=${rating}`\"\n class=\"box-border w-[43px] h-[43px] rounded-[6px] bg-indigo-600 p-[12px] m-0 text-center font-semibold text-[16px] text-white leading-none\"\n >{{ rating }}\u003C\u002FButton>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n \u003CSection>\n \u003CHr \u002F>\n \u003CText\n class=\"mt-[30px] text-center font-medium text-gray-500 text-[12px] leading-[16px]\"\n >\n Customer Experience Research Team\n \u003C\u002FText>\n \u003C\u002FSection>\n \u003C\u002FContainer>\n \u003C\u002FBody>\n \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n",{"slug":13,"title":14,"code":25},{"html":26,"inline-styles":27,"tailwind":28},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n \u003Ctable\n border=\"0\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n align=\"center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n dir=\"ltr\"\n lang=\"en\"\n style=\"margin:0;margin-left:12px;margin-right:12px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"text-align:center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd style=\"padding-top:16px;padding-bottom:16px\">\n \u003Cp\n style=\"font-size:18px;line-height:28px;margin-top:8px;margin-bottom:8px;font-weight:600;color:rgb(79,70,229)\">\n Your opinion matters\n \u003C\u002Fp>\n \u003Ch1\n style=\"margin:0px;margin-top:8px;font-size:30px;line-height:36px;font-weight:600;color:rgb(17,24,39)\">\n We want to hear you\n \u003C\u002Fh1>\n \u003Cp\n style=\"font-size:16px;line-height:24px;color:rgb(55,65,81);margin-top:16px;margin-bottom:16px\">\n How would you rate your experience using our\n product in a scale from 1 to 5?\n \u003C\u002Fp>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody style=\"width:100%\">\n \u003Ctr style=\"width:100%\">\n \u003Ctd align=\"center\" data-id=\"__vuemail-column\">\n \u003Ctable>\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n align=\"center\"\n style=\"padding:4px;\">\n \u003Ca\n href=\"https:\u002F\u002Fvuemail.dev\"\n style=\"line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;height:20px;width:20px;border-radius:8px;border-width:1px;border-style:solid;border-color:rgb(79,70,229);padding:8px;font-weight:600;color:rgb(79,70,229);padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:400%;mso-text-raise:12px\" hidden> \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px\"\n >1\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:400%\" hidden> ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003Ctd\n align=\"center\"\n style=\"padding:4px;\">\n \u003Ca\n href=\"https:\u002F\u002Fvuemail.dev\"\n style=\"line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;height:20px;width:20px;border-radius:8px;border-width:1px;border-style:solid;border-color:rgb(79,70,229);padding:8px;font-weight:600;color:rgb(79,70,229);padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:400%;mso-text-raise:12px\" hidden> \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px\"\n >2\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:400%\" hidden> ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003Ctd\n align=\"center\"\n style=\"padding:4px;\">\n \u003Ca\n href=\"https:\u002F\u002Fvuemail.dev\"\n style=\"line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;height:20px;width:20px;border-radius:8px;border-width:1px;border-style:solid;border-color:rgb(79,70,229);padding:8px;font-weight:600;color:rgb(79,70,229);padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:400%;mso-text-raise:12px\" hidden> \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px\"\n >3\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:400%\" hidden> ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003Ctd\n align=\"center\"\n style=\"padding:4px;\">\n \u003Ca\n href=\"https:\u002F\u002Fvuemail.dev\"\n style=\"line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;height:20px;width:20px;border-radius:8px;border-width:1px;border-style:solid;border-color:rgb(79,70,229);padding:8px;font-weight:600;color:rgb(79,70,229);padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:400%;mso-text-raise:12px\" hidden> \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px\"\n >4\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:400%\" hidden> ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003Ctd\n align=\"center\"\n style=\"padding:4px;\">\n \u003Ca\n href=\"https:\u002F\u002Fvuemail.dev\"\n style=\"line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;height:20px;width:20px;border-radius:8px;border-width:1px;border-style:solid;border-color:rgb(79,70,229);padding:8px;font-weight:600;color:rgb(79,70,229);padding-top:8px;padding-right:8px;padding-bottom:8px;padding-left:8px\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:400%;mso-text-raise:12px\" hidden> \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:6px\"\n >5\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:400%\" hidden> ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport {\n Button,\n Column,\n Heading,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CSection\n :style=\"{ textAlign: 'center', paddingTop: '16px', paddingBottom: '16px' }\"\n >\n \u003CText\n :style=\"{\n marginTop: '8px',\n marginBottom: '8px',\n fontSize: '18px',\n lineHeight: '28px',\n fontWeight: 600,\n color: 'rgb(79,70,229)',\n }\"\n >\n Your opinion matters\n \u003C\u002FText>\n \u003CHeading\n as=\"h1\"\n :style=\"{\n margin: '0px',\n marginTop: '8px',\n fontSize: '30px',\n lineHeight: '36px',\n fontWeight: 600,\n color: 'rgb(17,24,39)',\n }\"\n >\n We want to hear you\n \u003C\u002FHeading>\n \u003CText\n :style=\"{ fontSize: '16px', lineHeight: '24px', color: 'rgb(55,65,81)' }\"\n >\n How would you rate your experience using our product in a scale from 1 to\n 5?\n \u003C\u002FText>\n \u003CRow>\n \u003CColumn align=\"center\">\n \u003Ctable>\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n v-for=\"number in 5\"\n :key=\"number\"\n align=\"center\"\n :style=\"{ padding: '4px' }\"\n >\n \u003C!-- Replace with the proper URL that saves the selected number -->\n \u003CButton\n href=\"https:\u002F\u002Fvuemail.dev\"\n :style=\"{\n height: '20px',\n width: '20px',\n borderRadius: '8px',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: 'rgb(79,70,229)',\n padding: '8px',\n fontWeight: 600,\n color: 'rgb(79,70,229)',\n }\"\n >{{ number }}\u003C\u002FButton>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport {\n Button,\n Column,\n Heading,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CSection class=\"py-[16px] text-center\">\n \u003CText\n class=\"my-[8px] font-semibold text-[18px] text-indigo-600 leading-[28px]\"\n >\n Your opinion matters\n \u003C\u002FText>\n \u003CHeading\n as=\"h1\"\n class=\"m-0 mt-[8px] font-semibold text-[30px] text-gray-900 leading-[36px]\"\n >\n We want to hear you\n \u003C\u002FHeading>\n \u003CText class=\"text-[16px] text-gray-700 leading-[24px]\">\n How would you rate your experience using our product in a scale from 1 to\n 5?\n \u003C\u002FText>\n \u003CRow>\n \u003CColumn align=\"center\">\n \u003Ctable>\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n v-for=\"number in 5\"\n :key=\"number\"\n align=\"center\"\n class=\"p-[4px]\"\n >\n \u003C!-- Replace with the proper URL that saves the selected number -->\n \u003CButton\n class=\"h-[20px] w-[20px] rounded-[8px] border border-indigo-600 border-solid p-[8px] font-semibold text-indigo-600\"\n href=\"https:\u002F\u002Fvuemail.dev\"\n >{{ number }}\u003C\u002FButton>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FSection>\n\u003C\u002Ftemplate>\n",{"slug":16,"title":17,"code":30},{"html":31,"inline-styles":32,"tailwind":33},"\u003C!DOCTYPE html PUBLIC \"-\u002F\u002FW3C\u002F\u002FDTD XHTML 1.0 Transitional\u002F\u002FEN\" \"http:\u002F\u002Fwww.w3.org\u002FTR\u002Fxhtml1\u002FDTD\u002Fxhtml1-transitional.dtd\">\n\u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta content=\"text\u002Fhtml; charset=UTF-8\" http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Ctitle>Customer Reviews\u003C\u002Ftitle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 400;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 600;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50PDca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003Cstyle>\n @font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 700;\n mso-font-alt: 'Helvetica';\n src: url(https:\u002F\u002Ffonts.gstatic.com\u002Fs\u002Finter\u002Fv18\u002FUcC73FwrK3iLTeHuS_fjbvMwCp50BTca1ZL7.woff2) format('woff2');\n }\n\n * {\n font-family: 'Inter', Helvetica;\n }\n \u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody dir=\"ltr\" lang=\"en\" style=\"margin:0;margin-right:0;margin-left:0\">\n \u003Ctable\n border=\"0\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n align=\"center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd\n dir=\"ltr\"\n lang=\"en\"\n style=\"margin:0;margin-left:12px;margin-right:12px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:37.5em;margin-left:auto;margin-right:auto;box-sizing:border-box;height:100vh\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd style=\"padding-top:1rem;padding-bottom:1rem\">\n \u003Chtml dir=\"ltr\" lang=\"en\">\n \u003Chead>\n \u003Cmeta\n content=\"text\u002Fhtml; charset=UTF-8\"\n http-equiv=\"Content-Type\" \u002F>\n \u003Cmeta name=\"x-apple-disable-message-reformatting\" \u002F>\n \u003Cstyle>\u003C\u002Fstyle>\n \u003C\u002Fhead>\n \u003Cbody dir=\"ltr\" lang=\"en\">\n \u003Ctable\n border=\"0\"\n width=\"100%\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n align=\"center\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd dir=\"ltr\" lang=\"en\">\n \u003Cdiv\n data-skip-in-text=\"true\"\n style=\"display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0\">\n Customer Reviews\n \u003Cdiv>\n  ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏\n \u003C\u002Fdiv>\n \u003C\u002Fdiv>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"max-width:400px;background-color:rgb(255,255,255);border-radius:8px;margin-left:auto;margin-right:auto\">\n \u003Ctbody>\n \u003Ctr style=\"width:100%\">\n \u003Ctd\n style=\"padding-left:42px;padding-right:42px;padding-top:24px;padding-bottom:24px\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Ch1\n style=\"font-size:24px;line-height:32px\">\n Customer Reviews\n \u003C\u002Fh1>\n \u003Cdiv\n style=\"display:flex;flex-direction:column;margin-top:12px;\">\n \u003Cp\n style=\"font-size:14px;line-height:24px;display:none;margin-top:16px;margin-bottom:16px\">\n 4 out of 5 stars\n \u003C\u002Fp>\n \u003C\u002Fdiv>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-top:24px;margin-bottom:24px\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Ch2\n style=\"display:none\">\n Review data\n \u003C\u002Fh2>\n \u003Cdl style=\"margin:0px;\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"font-size:14px;line-height:20px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Cdt>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);font-weight:500;width:12px;margin-top:16px;margin-bottom:16px\">\n 5\u003Cspan\n style=\"display:none;\">\n star\n reviews\u003C\u002Fspan\n >\n \u003C\u002Fp>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"264\"\n height=\"12\"\n aria-hidden=\"true\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:264px;height:12px;padding-left:12px\">\n \u003Ctable\n align=\"center\"\n width=\"264\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n aria-hidden=\"true\"\n style=\"width:264px;height:12px;background-color:rgb(243,244,246);border:1px solid rgb(229,231,235);border-radius:6px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n height=\"12\"\n width=\"165.65024630541873\"\n data-id=\"__vuemail-column\"\n style=\"background-color:rgb(79,70,229);border-radius:6px;height:12px;width:165.65024630541873px\">\u003C\u002Ftd>\n \u003Ctd\n width=\"98.34975369458127\"\n data-id=\"__vuemail-column\"\n style=\"width:98.34975369458127px\">\u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fdt>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"100%\"\n data-id=\"__vuemail-column\"\n style=\"width:100%\">\n \u003Cdd\n style=\"color:rgb(107,114,128);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;line-height:1;margin-left:12px;text-align:right;\">\n 63%\n \u003C\u002Fdd>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"font-size:14px;line-height:20px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Cdt>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);font-weight:500;width:12px;margin-top:16px;margin-bottom:16px\">\n 4\u003Cspan\n style=\"display:none;\">\n star\n reviews\u003C\u002Fspan\n >\n \u003C\u002Fp>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"264\"\n height=\"12\"\n aria-hidden=\"true\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:264px;height:12px;padding-left:12px\">\n \u003Ctable\n align=\"center\"\n width=\"264\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n aria-hidden=\"true\"\n style=\"width:264px;height:12px;background-color:rgb(243,244,246);border:1px solid rgb(229,231,235);border-radius:6px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n height=\"12\"\n width=\"26.334975369458128\"\n data-id=\"__vuemail-column\"\n style=\"background-color:rgb(79,70,229);border-radius:6px;height:12px;width:26.334975369458128px\">\u003C\u002Ftd>\n \u003Ctd\n width=\"237.66502463054186\"\n data-id=\"__vuemail-column\"\n style=\"width:237.66502463054186px\">\u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fdt>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"100%\"\n data-id=\"__vuemail-column\"\n style=\"width:100%\">\n \u003Cdd\n style=\"color:rgb(107,114,128);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;line-height:1;margin-left:12px;text-align:right;\">\n 10%\n \u003C\u002Fdd>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"font-size:14px;line-height:20px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Cdt>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);font-weight:500;width:12px;margin-top:16px;margin-bottom:16px\">\n 3\u003Cspan\n style=\"display:none;\">\n star\n reviews\u003C\u002Fspan\n >\n \u003C\u002Fp>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"264\"\n height=\"12\"\n aria-hidden=\"true\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:264px;height:12px;padding-left:12px\">\n \u003Ctable\n align=\"center\"\n width=\"264\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n aria-hidden=\"true\"\n style=\"width:264px;height:12px;background-color:rgb(243,244,246);border:1px solid rgb(229,231,235);border-radius:6px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n height=\"12\"\n width=\"15.768472906403941\"\n data-id=\"__vuemail-column\"\n style=\"background-color:rgb(79,70,229);border-radius:6px;height:12px;width:15.768472906403941px\">\u003C\u002Ftd>\n \u003Ctd\n width=\"248.23152709359604\"\n data-id=\"__vuemail-column\"\n style=\"width:248.23152709359604px\">\u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fdt>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"100%\"\n data-id=\"__vuemail-column\"\n style=\"width:100%\">\n \u003Cdd\n style=\"color:rgb(107,114,128);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;line-height:1;margin-left:12px;text-align:right;\">\n 6%\n \u003C\u002Fdd>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"font-size:14px;line-height:20px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Cdt>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);font-weight:500;width:12px;margin-top:16px;margin-bottom:16px\">\n 2\u003Cspan\n style=\"display:none;\">\n star\n reviews\u003C\u002Fspan\n >\n \u003C\u002Fp>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"264\"\n height=\"12\"\n aria-hidden=\"true\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:264px;height:12px;padding-left:12px\">\n \u003Ctable\n align=\"center\"\n width=\"264\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n aria-hidden=\"true\"\n style=\"width:264px;height:12px;background-color:rgb(243,244,246);border:1px solid rgb(229,231,235);border-radius:6px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n height=\"12\"\n width=\"32.34975369458128\"\n data-id=\"__vuemail-column\"\n style=\"background-color:rgb(79,70,229);border-radius:6px;height:12px;width:32.34975369458128px\">\u003C\u002Ftd>\n \u003Ctd\n width=\"231.65024630541873\"\n data-id=\"__vuemail-column\"\n style=\"width:231.65024630541873px\">\u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fdt>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"100%\"\n data-id=\"__vuemail-column\"\n style=\"width:100%\">\n \u003Cdd\n style=\"color:rgb(107,114,128);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;line-height:1;margin-left:12px;text-align:right;\">\n 12%\n \u003C\u002Fdd>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"font-size:14px;line-height:20px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n align=\"center\"\n valign=\"middle\"\n data-id=\"__vuemail-column\">\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Cdt>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n data-id=\"__vuemail-column\">\n \u003Cp\n style=\"font-size:14px;line-height:24px;color:rgb(107,114,128);font-weight:500;width:12px;margin-top:16px;margin-bottom:16px\">\n 1\u003Cspan\n style=\"display:none;\">\n star\n reviews\u003C\u002Fspan\n >\n \u003C\u002Fp>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"264\"\n height=\"12\"\n aria-hidden=\"true\"\n valign=\"middle\"\n data-id=\"__vuemail-column\"\n style=\"width:264px;height:12px;padding-left:12px\">\n \u003Ctable\n align=\"center\"\n width=\"264\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n aria-hidden=\"true\"\n style=\"width:264px;height:12px;background-color:rgb(243,244,246);border:1px solid rgb(229,231,235);border-radius:6px\">\n \u003Ctbody\n style=\"width:100%\">\n \u003Ctr\n style=\"width:100%\">\n \u003Ctd\n height=\"12\"\n width=\"23.896551724137932\"\n data-id=\"__vuemail-column\"\n style=\"background-color:rgb(79,70,229);border-radius:6px;height:12px;width:23.896551724137932px\">\u003C\u002Ftd>\n \u003Ctd\n width=\"240.10344827586206\"\n data-id=\"__vuemail-column\"\n style=\"width:240.10344827586206px\">\u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fdt>\n \u003C\u002Ftd>\n \u003Ctd\n width=\"100%\"\n data-id=\"__vuemail-column\"\n style=\"width:100%\">\n \u003Cdd\n style=\"color:rgb(107,114,128);font-size:12px;font-variant-numeric:tabular-nums;font-weight:500;line-height:1;margin-left:12px;text-align:right;\">\n 9%\n \u003C\u002Fdd>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fdl>\n \u003Cp\n style=\"font-size:12px;line-height:24px;color:rgb(107,114,128);margin-top:14px;text-align:center;margin-bottom:16px\">\n Based on\n \u003Cspan\n style=\"font-weight:600;\"\n >1624\u003C\u002Fspan\n >\n Reviews\n \u003C\u002Fp>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003Chr\n style=\"width:100%;border:none;border-color:transparent;border-top:1px solid #eaeaea\" \u002F>\n \u003Ctable\n align=\"center\"\n width=\"100%\"\n border=\"0\"\n cellpadding=\"0\"\n cellspacing=\"0\"\n role=\"presentation\"\n style=\"margin-top:30px\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd>\n \u003Ch3\n style=\"color:rgb(17,24,39);font-size:18px;font-weight:500;line-height:24px;margin-bottom:12px\">\n Share your thoughts\n \u003C\u002Fh3>\n \u003Cp\n style=\"font-size:14px;line-height:20px;color:rgb(107,114,128);margin:0px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px\">\n If you’ve used this\n product, share your\n thoughts with other\n customers\n \u003C\u002Fp>\n \u003Ca\n href=\"#\"\n style=\"line-height:100%;text-decoration:none;display:inline-block;max-width:100%;mso-padding-alt:0px;background-color:rgb(79,70,229);border-radius:8px;box-sizing:border-box;color:rgb(255,255,255);font-weight:600;margin-top:26px;margin-bottom:24px;padding:12px;text-align:center;width:100%;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\"\n target=\"_blank\"\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%;mso-text-raise:18px\" hidden>  \u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003Cspan\n style=\"max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px\"\n >Write a\n review\u003C\u002Fspan\n >\u003Cspan\n >\u003C!--[if mso]>\u003Ci style=\"mso-font-width:300%\" hidden>  ​\u003C\u002Fi>\u003C![endif]-->\u003C\u002Fspan\n >\u003C\u002Fa\n >\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fbody>\n \u003C\u002Fhtml>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n \u003C\u002Ftable>\n \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","\u003Cscript setup lang=\"ts\">\nimport {\n Body,\n Button,\n Column,\n Container,\n Head,\n Heading,\n Hr,\n Html,\n Preview,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst ratings = [\n { rating: 5, count: 1019 },\n { rating: 4, count: 162 },\n { rating: 3, count: 97 },\n { rating: 2, count: 199 },\n { rating: 1, count: 147 },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CHtml>\n \u003CHead \u002F>\n \u003CBody>\n \u003CPreview>Customer Reviews\u003C\u002FPreview>\n \u003CContainer\n :style=\"{\n backgroundColor: 'rgb(255,255,255)',\n borderRadius: '8px',\n marginLeft: 'auto',\n marginRight: 'auto',\n maxWidth: '400px',\n paddingLeft: '42px',\n paddingRight: '42px',\n paddingTop: '24px',\n paddingBottom: '24px',\n }\"\n >\n \u003CSection>\n \u003CHeading as=\"h1\" :style=\"{ fontSize: '24px', lineHeight: '32px' }\">\n Customer Reviews\n \u003C\u002FHeading>\n \u003Cdiv\n :style=\"{\n display: 'flex',\n flexDirection: 'column',\n marginTop: '12px',\n }\"\n >\n \u003CText :style=\"{ display: 'none' }\">4 out of 5 stars\u003C\u002FText>\n \u003C\u002Fdiv>\n \u003CSection :style=\"{ marginTop: '24px', marginBottom: '24px' }\">\n \u003CHeading as=\"h2\" :style=\"{ display: 'none' }\">Review data\u003C\u002FHeading>\n \u003Cdl :style=\"{ margin: '0px' }\">\n \u003CRow\n v-for=\"{ count, rating } in ratings\"\n :key=\"rating\"\n align=\"center\"\n :style=\"{ fontSize: '14px', lineHeight: '20px' }\"\n >\n \u003CColumn align=\"center\" valign=\"middle\">\n \u003CRow>\n \u003CColumn>\n \u003Cdt>\n \u003CRow>\n \u003CColumn :width=\"undefined\">\n \u003CText\n :style=\"{\n color: 'rgb(107,114,128)',\n fontWeight: '500',\n width: '12px',\n }\"\n >\n {{ rating }}\u003Cspan\n :style=\"{ display: 'none' }\"\n > star reviews\u003C\u002Fspan>\n \u003C\u002FText>\n \u003C\u002FColumn>\n \u003CColumn\n width=\"264\"\n height=\"12\"\n :style=\"{\n width: '264px',\n height: '12px',\n paddingLeft: '12px',\n }\"\n aria-hidden=\"true\"\n valign=\"middle\"\n >\n \u003CRow\n aria-hidden=\"true\"\n width=\"264\"\n :style=\"{\n width: '264px',\n height: '12px',\n backgroundColor: 'rgb(243,244,246)',\n border: '1px solid rgb(229,231,235)',\n borderRadius: '6px',\n }\"\n >\n \u003CColumn\n height=\"12\"\n :style=\"{\n backgroundColor: 'rgb(79,70,229)',\n borderRadius: '6px',\n height: '12px',\n width: `${(count \u002F 1624) * 264}px`,\n }\"\n :width=\"(count \u002F 1624) * 264\"\n \u002F>\n \u003CColumn\n :width=\"(1 - count \u002F 1624) * 264\"\n :style=\"{\n width: `${(1 - count \u002F 1624) * 264}px`,\n }\"\n \u002F>\n \u003C\u002FRow>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002Fdt>\n \u003C\u002FColumn>\n \u003CColumn width=\"100%\" :style=\"{ width: '100%' }\">\n \u003Cdd\n :style=\"{\n color: 'rgb(107,114,128)',\n fontSize: '12px',\n fontVariantNumeric: 'tabular-nums',\n fontWeight: '500',\n lineHeight: '1',\n marginLeft: '12px',\n textAlign: 'right',\n }\"\n >\n {{ Math.round((count \u002F 1624) * 100) }}%\n \u003C\u002Fdd>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002Fdl>\n \u003CText\n :style=\"{\n color: 'rgb(107,114,128)',\n fontSize: '12px',\n lineHeight: '24px',\n marginTop: '14px',\n textAlign: 'center',\n }\"\n >\n Based on \u003Cspan :style=\"{ fontWeight: '600' }\">1624\u003C\u002Fspan> Reviews\n \u003C\u002FText>\n \u003C\u002FSection>\n \u003CHr \u002F>\n \u003CSection :style=\"{ marginTop: '30px' }\">\n \u003CHeading\n as=\"h3\"\n :style=\"{\n color: 'rgb(17,24,39)',\n fontSize: '18px',\n fontWeight: '500',\n lineHeight: '24px',\n marginBottom: '12px',\n }\"\n >\n Share your thoughts\n \u003C\u002FHeading>\n \u003CText\n :style=\"{\n color: 'rgb(107,114,128)',\n fontSize: '14px',\n lineHeight: '20px',\n margin: '0px',\n }\"\n >\n If you’ve used this product, share your thoughts with other\n customers\n \u003C\u002FText>\n \u003CButton\n href=\"#\"\n :style=\"{\n backgroundColor: 'rgb(79,70,229)',\n borderRadius: '8px',\n boxSizing: 'border-box',\n color: 'rgb(255,255,255)',\n display: 'inline-block',\n fontWeight: '600',\n marginTop: '26px',\n marginBottom: '24px',\n maxWidth: '100%',\n padding: '12px',\n textAlign: 'center',\n width: '100%',\n }\"\n >Write a review\u003C\u002FButton>\n \u003C\u002FSection>\n \u003C\u002FSection>\n \u003C\u002FContainer>\n \u003C\u002FBody>\n \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n","\u003Cscript setup lang=\"ts\">\nimport {\n Body,\n Button,\n Column,\n Container,\n Head,\n Heading,\n Hr,\n Html,\n Preview,\n Row,\n Section,\n Text,\n} from '@vuemaildev\u002Fvuemail';\n\nconst ratings = [\n { rating: 5, count: 1019 },\n { rating: 4, count: 162 },\n { rating: 3, count: 97 },\n { rating: 2, count: 199 },\n { rating: 1, count: 147 },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n \u003CHtml>\n \u003CHead \u002F>\n \u003CBody>\n \u003CPreview>Customer Reviews\u003C\u002FPreview>\n \u003CContainer\n class=\"mx-auto max-w-[400px] rounded-[8px] bg-white px-[42px] py-[24px]\"\n >\n \u003CSection>\n \u003CHeading as=\"h1\" class=\"text-[24px] leading-[32px]\">\n Customer Reviews\n \u003C\u002FHeading>\n \u003Cdiv class=\"mt-[12px] flex flex-col\">\n \u003CText class=\"hidden\">4 out of 5 stars\u003C\u002FText>\n \u003C\u002Fdiv>\n \u003CSection class=\"my-[24px]\">\n \u003CHeading as=\"h2\" class=\"hidden\">Review data\u003C\u002FHeading>\n \u003Cdl class=\"m-0\">\n \u003CRow\n v-for=\"{ count, rating } in ratings\"\n :key=\"rating\"\n class=\"text-[14px] leading-[20px]\"\n align=\"center\"\n >\n \u003CColumn align=\"center\" valign=\"middle\">\n \u003CRow>\n \u003CColumn>\n \u003Cdt>\n \u003CRow>\n \u003CColumn :width=\"undefined\">\n \u003CText class=\"w-[12px] font-medium text-gray-500\">\n {{ rating }}\u003Cspan class=\"hidden\"> star reviews\u003C\u002Fspan>\n \u003C\u002FText>\n \u003C\u002FColumn>\n \u003CColumn\n width=\"264\"\n height=\"12\"\n class=\"w-[264px] h-[12px] pl-[12px]\"\n aria-hidden=\"true\"\n valign=\"middle\"\n >\n \u003CRow\n width=\"264\"\n class=\"w-[264px] h-[12px] bg-gray-100 border-gray-200 border border-solid rounded-[6px]\"\n >\n \u003CColumn\n height=\"12\"\n class=\"h-[12px] bg-indigo-600 rounded-[6px]\"\n :width=\"(count \u002F 1624) * 264\"\n :style=\"{ width: `${(count \u002F 1624) * 264}px` }\"\n \u002F>\n \u003CColumn\n :width=\"(1 - count \u002F 1624) * 264\"\n :style=\"{\n width: `${(1 - count \u002F 1624) * 264}px`,\n }\"\n \u002F>\n \u003C\u002FRow>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002Fdt>\n \u003C\u002FColumn>\n \u003CColumn width=\"100%\" class=\"w-full\">\n \u003Cdd\n class=\"ml-[12px] text-right font-medium text-gray-500 text-[12px] [font-variant-numeric:tabular-nums] leading-none\"\n >\n {{ Math.round((count \u002F 1624) * 100) }}%\n \u003C\u002Fdd>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002FColumn>\n \u003C\u002FRow>\n \u003C\u002Fdl>\n \u003CText\n class=\"mt-[14px] text-center text-gray-500 text-[12px] leading-[24px]\"\n >\n Based on \u003Cspan class=\"font-semibold\">1624\u003C\u002Fspan> Reviews\n \u003C\u002FText>\n \u003C\u002FSection>\n \u003CHr \u002F>\n \u003CSection class=\"mt-[30px]\">\n \u003CHeading\n as=\"h3\"\n class=\"mb-[12px] font-medium text-gray-900 text-[18px] leading-[24px]\"\n >\n Share your thoughts\n \u003C\u002FHeading>\n \u003CText class=\"m-0 text-gray-500 text-[14px] leading-[20px]\">\n If you’ve used this product, share your thoughts with other\n customers\n \u003C\u002FText>\n \u003CButton\n href=\"#\"\n class=\"mt-[26px] mb-[24px] inline-block w-full rounded-[8px] bg-indigo-600 p-[12px] text-center box-border font-semibold text-white\"\n >Write a review\u003C\u002FButton>\n \u003C\u002FSection>\n \u003C\u002FSection>\n \u003C\u002FContainer>\n \u003C\u002FBody>\n \u003C\u002FHtml>\n\u003C\u002Ftemplate>\n",1790606431781]