.jdl-csat__flex-center {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.jdl-csat__pv16 {
  padding: 0 16px !important;
}
.jdl-csat__h24 {
  height: 24px !important;
}
.jdl-csat__h8 {
  height: 8px !important;
}
.jdl-csat__ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jdl-csat__ellipsis-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.jdl-csat__modal-mask {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(35, 37, 43, 0.5);
  z-index: 100999;
}
.jdl-csat__modal-mask * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
  box-shadow: none;
}
.jdl-csat__modal {
  @import url('antd/dist/reset.css');
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  z-index: 1001000;
  width: 436px;
  max-height: 572px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(35, 37, 43, 0.1);
  padding-top: 24px;
}
.jdl-csat__modal.jdl-csat__rl .jdl-csat__header .jdl-csat__modal-title {
  text-align: right;
}
.jdl-csat__modal.jdl-csat__rl .jdl-csat__range .jdl-csat__range-items {
  flex-direction: row-reverse;
}
.jdl-csat__modal.jdl-csat__rl .jdl-csat__range .jdl-csat__range-describe {
  flex-direction: row-reverse;
}
.jdl-csat__modal.jdl-csat__rl .jdl-csat__range .jdl-csat__range-dissatisfied {
  padding-left: 0;
  padding-right: 26px;
  background-position: right center;
}
.jdl-csat__modal.jdl-csat__rl .jdl-csat__range .jdl-csat__range-satisfied {
  padding-left: 26px;
  padding-right: 0;
  background-position: left center;
}
.jdl-csat__modal.jdl-csat__rl .jdl-csat__textarea textarea {
  text-align: right;
}
.jdl-csat__modal.jdl-csat__rl .jdl-csat__textarea .jdl-csat__textarea-count {
  right: auto;
  left: 16px;
  display: flex;
  flex-direction: row-reverse;
}
.jdl-csat__modal.jdl-csat__rl .jdl-csat__label {
  text-align: right;
}
.jdl-csat__modal.jdl-csat__modal--hidden {
  display: none;
}
.jdl-csat__modal.jdl-csat__modal--visible {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.jdl-csat__modal.jdl-csat__modal-1-5 {
  height: 224px;
}
.jdl-csat__modal.jdl-csat__modal-1-11 {
  height: 228px;
}
.jdl-csat__modal.jdl-csat__modal-2 {
  height: 492px;
}
/* stylelint-disable-next-line selector-class-pattern */
.jdl-csat__modal.jdl-csat__zh_CN .jdl-csat__checkbox .jdl-csat__checkbox-item {
  white-space: nowrap;
  -webkit-line-clamp: 1;
}
.jdl-csat__body {
  padding: 0 8px;
}
.jdl-csat__scroll {
  max-height: 300px;
  overflow-y: auto;
  padding: 0 16px 2px;
}
.jdl-csat__scroll > *:last-child {
  margin-bottom: 24px;
}
.jdl-csat__header {
  padding: 0 24px;
}
.jdl-csat__header .jdl-csat__modal-title {
  line-height: 22px;
  font-size: 16px;
  color: #23252b;
  margin-bottom: 20px;
  user-select: none;
}
.jdl-csat__header .jdl-csat__modal-title pre {
  white-space: normal;
}
.jdl-csat__range {
  padding-bottom: 24px;
}
.jdl-csat__range .jdl-csat__range-items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.jdl-csat__range .jdl-csat__range-items .jdl-csat__range-item {
  width: 28px;
  height: 28px;
  background: #f5f5f6;
  border-radius: 8px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  font-weight: normal;
  color: #525765;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  user-select: none;
}
.jdl-csat__range .jdl-csat__range-items .jdl-csat__range-item:hover {
  background: rgba(60, 110, 240, 0.1);
  color: #3c6ef0;
  font-weight: 500;
}
.jdl-csat__range .jdl-csat__range-items .jdl-csat__range-item.jdl-csat__range-item--active {
  background: #3c6ef0;
  font-weight: 500;
  color: #ffffff;
}
.jdl-csat__range .jdl-csat__range-items.jdl-csat__range-items-5,
.jdl-csat__range .jdl-csat__range-items.jdl-csat__range-items-6 {
  padding: 0 36px;
}
.jdl-csat__range .jdl-csat__range-items.jdl-csat__range-items-5 .jdl-csat__range-item,
.jdl-csat__range .jdl-csat__range-items.jdl-csat__range-items-6 .jdl-csat__range-item {
  width: 44px;
  height: 44px;
  line-height: 44px;
}
.jdl-csat__range .jdl-csat__range-describe {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #525765;
  line-height: 20px;
}
.jdl-csat__range .jdl-csat__range-satisfied,
.jdl-csat__range .jdl-csat__range-dissatisfied {
  height: 20px;
  line-height: 22px;
  font-size: 12px;
  font-weight: normal;
  color: #868d9f;
  user-select: none;
}
.jdl-csat__range .jdl-csat__range-dissatisfied {
  text-align: left;
  padding-left: 26px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAARGVYSWZNTQAqAAAACAABh2kABAAAAAEAAAAaAAAAAAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAABQoAMABAAAAAEAAABQAAAAADHgTE8AAAzhSURBVHicrZlrjF3XVcd/a+/zuI95eMYzHjuO4zglsWnSkjRKQluKiFTRJiQuDR/oQ6TwJVErBAIRhADJinhINBUSAgFpQRVBJEFUDXFUS6gSqQppA25I+owNjp24iccez3jmztx7zz2PvRYfzrl3nFJoU3qkrRndOdr3t//rudcIP8BjTz8dsb4+i/pDlHoI44BW7HGOKQQw+kRuGccZIjkJ1YvMzfXk9turN/pd8n1DHTniuOWWXQyKO6nkMLneQsECJZ5SHWqCNTuKQCRG4pWYQOxWSe04nqO0o2McP74iDz6oPxRAMxOOHr2arPoomX2YoS3ZoPJkCrkihUJloIBZvaMXiBwkDlIHLQ8tB50o0LILpPJ3JO4vOHz4ZRGxHxhw+ZFHuotRep/kPGCbutv1g9ggwCBAFiAPUClSWQ033tELxA6SBqwdIZ0I2r5eHWd03XkSe4jB4JNy772DNwxoTzy2j0z+VHvVz9DTyLYCbFUwqGAYoAhQKgRF9DI4N1awgUw9tKN6dSKkHUPHQ9shXVfR4Rg++mV5//u//X0Djh577Lqoqh63jXAjPRV6ATYr2Cpr1fIAoYbDjNr5vgPwchVT36gZNWrGNWzHY22MKXnBRfYBueeD//k9Ae2Jx/aF/uhJvVTdRM+gF2C9hH7VmLSB0zHYGM62A8QDrvHD2EHst3+mHmnF0I2hGyEdh3UE35XniTvv+04lXwdoRx/ulD3/uG2Ud7EexHqGrJfQq2qTag0G+nqfExj7ugmIqwHNO2QcMJGDyDfB46EVw1SMTEXQFqQrJjPRUy4afFAO3z8cM7kJnJmU/eg+6+d3aG8kujnCNgboxhDNR5gWmJWYqzCnWGRYrPWKAhop1iz1ijoFCRgBswrTCtMSCwVWFFiWYf0hOsiwLEezQmyQ34l17jOziXCTX7InHzng17aeCSvDPbZeYpdK5FIJoyaFIIiT+khOGuWsOaJNNrLGyvXul73vBJzDvGyrGkvti1MxTEVI1+Nmk2U/l7xT3nPvmYmCduSIc/3hx6rN4W7tZ+jmENscYPmoPrFWmDTLBdQHzIdaMaeYb1TzWn/uQq00JWYVqiUWSjQUWGhUrJo1ytBsiGYZOsrR4Wh3tZV/zI4ccQARwOCtVyxFvdGHdJCJ9TPYypGswkpABZwHHBcRQgW7fK2muMvlsslPo8mLRuOzEMxYKYR4NmVnCAiuUViwPCBeIVIsNpG2/9DgrVf8MbAcGcggq+7UwWhJBzn0RzAs6qAItciCUpnwzxvnqNIW7y5TFmZmEPw2H9umNmui2xRU0aCsbQ74fD6ircrPzu7B40EcUglWePCKJQYJMPJLcdq6w+DT7rmHH46chrtDNvI2zLFhgeUFVpWYVmAVZiVYSZznZCHn5UGfshhMTGhUQFUHBFX9mVWolYQqpxr2Od0bkEc5LtvEyrxxnWLb3EWO5TlaFOio8D7o3c89/HDk9kwxG4r8Vh01YEVZR1vzxdaKIAaRimviNqPeJmfShOVsRGU5SoVJwCSANLBSH0q1IFQ557ZyTqcJWX6Ja1yKaFkHWOxQKzEtUC3Rso5wLQuqvLj15sXWTDTn84OhrHZaUf+RUIIFEMMWF+l/5BeJspLkK8c58PWv8K3T66yur/DlmV0cWCnZ065YmnXE3te50AxUKULF+fXAuRGcEcd6dY6dolzd6VK+5W2Ut95C6CZ0jz6G29qoc2wwtBJc6bFQLpR+eCiqTA9JKL2VJRZqkyIBnJHfcD3V/CwVxmjPe3E3vYW3/9Pn+OIzX+Zc/2XWZ7rEo5Qbs4qb9u6und4Ms8A3zl3kBU0oGDAc9ViIhB+/6TbKu+6huGpvnT9EKK49SPrcv4D5ukJVoJXDh5YPZXkoMtMDWpZOQwVVVVcJUXBKWNp1WXKDsG8v7Y/8Eu9665t55cnP8NrZV8nKAr80jdo8Dg+iqASisAmrG8y0HId2L3HV+3+e9m1vR+N4UhnBqObnSSwHjWoVKyA4QlU4sfaByKzarRqkVk+BUANKwIpsO3uMq1oS073tnRw8eJDrP/co0csvkaRp7Yd1U4hJ4Nqr59m/u0V55XVUP3cv0fz8pC5cHvmWZ6gWjYkDEgwJEaKliFW7nRrTZgE1raNQFJOASsCderGBfv0jCH52J+7qA7S7CVEiiDSJWUpwFT4W0k5KvP/NRDvmkcvKvk0ObbiXv4lagVkT1eOSqhWGTjswzAxDUVGMpjo4xZ36KvJfJ1+n4jj56tlTpC88W6tNAJqU1ESxuIA4I/nWF7GXXqlzpDBZBsiZF5HTz2NWbENaWWcAFMOIELbMGTjDxDBRRAIiilhF/Nm/Iv/Ju+GGt0G7hWYZnPwq7X87hi/74P2kftQiWZ0BUMQrUq7RPvaXZLcdhuvfgrRbkI/g5HGiL/0jEjLMeTBtcDxOtLakZysy4bx5MXMm5gwaFceQPmySfv5vCU9/Bm1NE1UZkQ7wqQfvahgZ+9UYzpooMIgMX16k/YVPUX1pCk1bSL6FDwN85OsGQhTENw1voBZMTOB8ZJE742KvIXJ+DFibLDRNqOETw8kQymHd+3nBghLCdu837gvHYEbTN9JYJTZieli+Ue+RgIhiYo3dqTdzhkWCJE7VuTOROH9CIxcsdt4iwI031sZvFMQavzGy4ZATr13g3OaIwow33fTT7L/jLsQF0FBTOkGdcvYLT/HSM18gdbB7us2hqxbo7EgZ9wkm9TFwrj6kN4gEq5vbYF5ORqNcT8aJXyVxV1jsMG+IMwgBsxpQGi8bFRl//dy3eHZ1SGl1PP/YwnnundlHMpPWfR5gpuT5gGOnV/jamdVxO8k7Xlnjvp86SGsurjWWpr0Yq+hp7jERGkVroy1ORMv96d7VU/lxWsn7LHVYJJgzRBWxurW3RsGvL5/jmdXh5PorGF974Wk+8ZtnWVzay9TUNGAMhltcXHmNC98+PUkAavCvG0PecWaFm3fsqTMFjVlFMA8SCyQRJAmuFf/78sp0z918//1V6fxTrtMK1k6wxGOOSUQrAbO6GTixtjVu7yYZx1Sx5Ve58tQZrv3mS/zIN0+x5+QpwqtnUdUJoDSQJy71MQt1GmmiVRu/sySGVoprtUJw8VM333d/FQnYSpIc0056gW56hXViyBxWCc62fREzwncMAQSYlohfu+pd7Nt3DdFsF7OKMtviJ86e5I9eepa+hsn7jvrg6rQRQMAp+AjiCNIUWm2k3bqgSXJMBHMAi1/rXbC09ahMtY1uinUSLBK0CQw1Rc04sLONvzxgGxVHo4KwkVOu9Kl6A3SUU4YKa64sk/cF9u9qNe1Zo6ADiz2WptBuI52OkbYeXXy2d2EsAgDrTz50ILu0+UyxvLJHz6/B+iYMBkgoAEXEyBjy8adP8e1eNZkTAcy4mBuSeZaSLuaMi+WAb2SX2NJq2xWA/bMxD9x5gFY3atRzWJwgnSlkdg6/Y4FkYWk52bHjnXPveeDM6wDNTM79/R/8ql1af6hYXo1sdaOGzIZgVR3NTrlQ9PibZ1/j9KVy+87OtlKTAVfjHOMX3jSf8Avv2sviQqsGdg6iCNpdZHoHbnaeZOdilcztfGDnXb/zJ+OhUjTZQ8ReO/rwJ11V3e6y/O5QlqJlWTewRagzgcJSa4Zff3eHbyxf4j9e6XF2LWcwMlS3laLJFjMt4cqFlLcdmOX6/TtwnrrCiqvVS1Kk3UW607jpGfNTs8dyW/zk5ROv/zH6WHviE/uGvd6T5crFm8LKGrbWw7b6SFkgVveL4hTn62pQUTGqSrIyUGmN6L3QTh3tVoT3vmlGajBzrq7fSVqDzc4R7VggmV98PpmZe9/O9/7G/z76GD+vfvYPr9Ne//Hy4uqNYWVNdHUdBkOkLEAbyKapxTV11zUJ3tXjj/Gl3iaXd1fX26jOc3Sm8DNz+LkFS+cXX9B4+gNX3vPb33t4NIF84vf26eboz6q1tTurC6uRXtrA+n0oRhCqRs1QQ14GK446NzR9Va2YQBQhUQxJC+lM4XbsJJ5brNL5hc9pMvUrew//1tnvxvF/DjBfeOSh7pzbuk+3th4o1y7uDpfWxTZ72HCAlDlosX2HITTRYjWQk9qUPoIoRtIU2lO4qVn87E5L5nae91M7Pn5xMPWpG+994I0PMMePmcn5f/j9q6vR8KNFf+vD2ttYqnrr3gZbWDbAyhFofW8Gm5hTvIM4QdIW0uogUzPE03PBzcxdiKamH43Szp/vPvy7/78R8OtAjxxxK7d0d+XrG3dqkR0O2fAWHQ0WLB/4kOfOqkLQACKId0gcm2u11bU6wbU6q67dPe7S9tG0u+PYruODH94Q/bvCPn0kem09nQ3Z4EeroAdFRwdCsD1iOtVMsraiyJ8P+DM+Sk9ESfvE3rm8J7c/+Ib/DfHfKvOPHLZzWY0AAAAASUVORK5CYII=) no-repeat left center;
  background-size: 20px 20px;
}
.jdl-csat__range .jdl-csat__range-satisfied {
  text-align: right;
  padding-right: 26px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAARGVYSWZNTQAqAAAACAABh2kABAAAAAEAAAAaAAAAAAADoAEAAwAAAAEAAQAAoAIABAAAAAEAAABQoAMABAAAAAEAAABQAAAAADHgTE8AAAtWSURBVHicrZhbjGTHWcd/X1Wdc7p7eqZnZmfvrHedzdqJYzsGrETYcZBlFCkW2nCRDIptIQSCEJDgMcqLYx4QbyQvQSghQBJEYgGJEbIiQmQpiS2B16AYX2Jsr9e7tvc6u3Pp6e7Tp6o+HqrOTPsmX8RIn85pnTlVv/P/qv71VQnv4U/1YcdGb0Ax/SDefxCR96Hsw8kcAEG3MOYcJpxE3TN0y2dgtC5yu3+3fck7h7rPMLxtN2LvBPkUPn4EdBcxWkIwqApEEAExYIxS2IiYgGEVZ/8T5UHK4iH43kWR++P/C6CqCuMfHyL4zxL9PXj20UwtoQH1KYg5cotiQCwYC8aBLcA6KMqAlXNY+SbOfBk+dkZE9D0D6ulHuyyNfocYP8fEH8A3QpxCmIJOM1wGlDcBlAJMDlvmKMA5pbSvYvhzbPXXIreM3zWgXvr3g3Til5g0n6L2jlBDqCHWCY4GCDNw+jrAVsUCpARTgq3ytQRXQGE8pXsQE/5Y5JdeeceAuvbQUTR+i7r5eRov+BrCBLSGmFWTBkQzoCZAyU2245CcYnEZslWzSuFKcKKU5nGc+02RO154W0C9+G8HsOMHqeubmTbQTBLcVgdOLsG5AmyEI1tw1RkoJlk1TWDbzWYVfRdO7oeX+1A4+JkIRzahPwXbAVeBE6jcYzj7KyKfePUtAfX0A10Wym+wPv011oygEyivwPoc/HAFLk1AY8pm5eBDJVz/NHTGYGZbE1CBugs/PAonQ/qoroG5EvbNwc1rMBjBZJDUXQzKnPwzxehekbvGbwBUVeHCQ5/lCfNFHg+ONZ9m3iELGzVcGoKLYGe+qNeBDwzh2CkokmipMSAInNgHTw7A+QQoCtZAVcGBpTTLX5xCobC3ghuM5wPNn9D7xJfb2b0NOHrqHw93n+o8wuObB4khpUtzqswUXACrqRNDVjLCwhRuOQsDA1ZSi1FhQ+E7i2AWoRDQAJqHgbFQdEE60DRpkjkD/Q5cP//K+Nrxrb0Dv/wS7Ter3me6p+Jn+K+zBwhDKGooc1RjKBowITUkMU0SrWG6DhfOw8YmhJChQ5pIG0NYuwJhBFIDDWiTnoUG6iHUVyAOIQxhugmbl+GZ8weq0/yB6n1mG5DhjStc3LiHrQ1BpgkAD9LG7EyNyf/8BOotqFdB1yE2WaWY7mUddAPGWxBmzLxVXgPEaY4mXZsxDNfFrG3ezfDGlR3Akf8kdb2fkE045nRse1u7fEkaFVGh8VCPoXcFOpOsathZXbpjWFqHzTHUETT74mtnU+5D0zuxhukWTIb7sfGTAEb1YYfocfpiCRU0JfgSYhekD2YBzCBfF4A+hDlouhALOLwGlQXJpq0+pbM0cHQNooNRF3QhjUc7AGljAWQepAtU6X9rhdJbRI+rPuwcbM3T1B/lSITHBjBxye0lL0tiwZjsdTl9HvAOBmtwqIGihDhC18aAIL0GrIWrJ/DcOqwehE4nWYwxKQOQh01IY1OnEAx0LBw24JuPwta84Xx9Lc10N+Ua3DRJ5jmtYFqmCB3QTvrCUEFjoRGQCRx7FhYGIBE/PEZTfgbf+SPi8KaUuX4fbngabA1DC5MS6OwopmWKWEBwaZX5OQtzYwjNbhp/jUHCNYTG4j0sn4QbzkPHwMTC2KZrY2HqoAamEXwNex+HfUA5R5j08L07YbAfFvYQFu5ER4O0Suz3cPQE+AaGpDajAy0g2u35SFfgZ4ew9zz4KYTGotNrHcFfjW8MIaTZVj4Fhy/ChRthdQGaCLUkkxaflr25E3DVyzC3F7XwxH9cpLf3eZZ2DQHD+qXzDF89z00ft0inC+9/ATYfgwu3waiAaJJtqQfrYc8YDr2QhkzsQLDgp4bGX+3QuJcQhJgrEqPgzsDiWbDvgytHYTQAB5QbUD0CB/8HlpahqIh+wtf+9QmePvM5bu/OIwIPb21w3SH4i1uux1oL8z245rE07lZvhUkFHQ/z67ByCpZehpKkqhqIJcRGUPY60D5Rd2zFCpQC1GCehOpJGC1CXULnPKxcgT3L0O2AFXw94eyVyLFouXduGRHDy8Mhr172+MkU23NQOljqwrH/huWXoN4D3Rr6m2k4uSJVPJABG4gRNPQdYcaLhKxgXgWtQDfCYDXNuAqYH0Df5LU3EkLDNChHXMXy4m6MMVx9+Txn4zox+uQCBdB1sORSYdGcIZViNvVlfa6GWmsOiSeCQ2QzrY/5WQsoulMYiKT7CugBZS4aRLGFYa4yDKdKqANqIusa6FQGW8hOe2XasiAkF4jtuh52+haTrMzkZ6qbDjVnEasYBKepINDZpU3BRHAK2W0odLtycZXl4IrlJ2tb/Gj1FUD4SRxx3W6H7bQd5nc0FxM2pmpH88cbTe1bkyajURCjiDnrsOZFXBGw1uEkqSMR7Ew57zS9WJLSZdt0gLGWX/hwyYnnp3xpnKr2gPKRD/cwhUljyeRsFJokNJoAo84A5sw4kpm7ImDlRYNUP8W4gLWpsi2BKkIVUnQCVB7KAEVIZZfJ4BoRhds/vouDy0JAUZSDu4Q7fnEF2V7PcyaspnbKONN2GxFKTWWXdSAuYHo/dYyb57HFOWxxGJchadOcYUxMjVtywUCuFZPIy8uLfP73av7yH1aJwB/evZulXXO5apkdKuxMBs1tiMnPLBQGnEubKinPUTfPO04/tcX7jz2KLQ+n/atNLyo7Spl2XLQty3ahQ0wdfei6fXzx/j2A4Bx5c9X+02xllL22HX+QLMZm5drdnyseZeGpLSO33++R4rtUcx7b7rxycdDWf+2EISsS22Dn3itOBacKPu7s5dtQZkq4rGgLayRv8EuwXSh6HnXfFbnfp7nY99+n6L6E64KpUEpUXTZNXgsU9HWRbWsb+PVgWa12MYi6I6iCYlApwFQgPbA9sN3TDPT7rSvC4NNrSPm3VP2orodKhWpJ9A4NBg3yRrj4ZqCzqs6C7vxuh2ViNagWKBUqPTBzUPQjrvM1+PTaNqCIKL35r9CZf5GiB6aXVIwlsbFoY4jeoF7QVrEW8g0Rt6E1Kho0V/n5dxQ0CDFaNBZEzcqZObBzUC68iF34arurazeKsPf4Baj+VLoLDWUftXMoJVFLYnAZUlAvxKBET+p8O2KOBBJnfwdNW5AoOQyqjkiZdnamB7YP1UID1f30j19osbYBRUSpi2/RHXzd9AZRyj5qeygVMRbEYFG/A6keolfUz8KliLNgUYkBYhBiMGgLpyVKlZWbR8rFSDX4OivPfXv2xOuNRx+nv7ccR2e/resX79DNVYnjNdRvQZwg0oAEJM9sadfMdh+07XOaTCV7XrpvPc+g1oHtYop5TLWEdFfU9Pf8gG7/N2TxrsuzPG9+eHTqn/Yz3vi7sHHpjrh5yYTxGjRD0BrRBsRnyOyRMguqycO3I4GpmHxeWIDrYIo+tlpCeruj6a/8ALf4W7Ln18++nuWtj99Of2WZUflnYfPyb4fNi2UcraF+CGGcQLf3zTsbem19TfIJl8kHSMalssuWSNHDlEk5M7d7anorf0Pofl6ueq1ybwsIoCf+qqDf+9Xot74QN1evCcNVG+uNnPIxGqcp7Xi0VVTIxmuQVjFbIq6DFPOYagHTWw5mbtf/Gjf/Bc6NviM3/37zVgzv4AgY4dm/30Vs7o1+63fjaP2YH18pdLqZQWtU87FGW1qZpJrYAmwHU2bVeouN6QyeM0Xvq7jONzhw96rI9nr43gB3QFV47pvzaPwYoT4em9FtoR4dUZ2U2kwM0YsSBAExVsUVKkUVxXWmpuydMkXvR5jqX2jMjzl2z+bbnU2/a8DXwD7wgOXWKxV17xChvjbU/rDA3ojvY8AYM1Q1523lXoLqWarRGR5ZquWuu8K77ev/AKPW8yLLvfA6AAAAAElFTkSuQmCC) no-repeat right center;
  background-size: 20px 20px;
}
.jdl-csat__checkbox .jdl-csat__checkbox-item {
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 27px;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  background: #f5f5f6;
  border: 1px solid #f5f5f6;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 70px;
}
.jdl-csat__checkbox .jdl-csat__checkbox-item:hover {
  color: #3c6ef0;
  background-color: #ebf0fd !important;
  border-color: #ebf0fd;
}
.jdl-csat__checkbox .jdl-csat__checkbox-item.jdl-csat__checkbox-item--active {
  border-color: #3c6ef0;
  background-color: white;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxNSI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xMSwwIEMxNS40MTgyNzgsMCAxOSwzLjU4MTcyMiAxOSw4IEwxOSwxNSBMMTgsMTUgQzE4LDEzLjM0MzE0NTggMTYuNjU2ODU0MiwxMiAxNSwxMiBMMTEsMTIgQzYuNTgxNzIyLDEyIDMsOC40MTgyNzggMyw0IEMzLDIuMzQzMTQ1NzUgMS42NTY4NTQyNSwxIDAsMSBMMCwwIEwxMSwwIFoiCiAgICAgICAgICAgICAgZmlsbD0iIzNDNkVGMCIvPgogICAgICAgIDxnIGZpbGw9IiNGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcsIDMpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTcuMDU5MDUxMjEsMC4xMjc3MjI3MTUgQzcuMzU2NzI3NTgsMC4zNDQ0MDgwNDIgNy40MjIzODM4LDAuNzYxMzgwNTg1IDcuMjA1Njk4NDcsMS4wNTkwNTY5NiBMMy4zMjM0NDUxNyw2LjM5MjM5MDI5IEMzLjA1ODk2NzA4LDYuNzU1NzIzMDUgMi41MTgwOTE0Miw2Ljc1ODYzNDAxIDIuMjQ5NzE3OSw2LjM5ODE2OTAxIEwwLjEzMTk3MTE5NSwzLjU1MzcyNDU3IEMtMC4wODc5MDU2MzAyLDMuMjU4Mzk3NzQgLTAuMDI2NzQxMzE4OCwyLjg0MDc0MjY2IDAuMjY4NTg1NTA4LDIuNjIwODY1ODMgQzAuNTYzOTEyMzM2LDIuNDAwOTg5MDEgMC45ODE1Njc0MTcsMi40NjIxNTMzMiAxLjIwMTQ0NDI0LDIuNzU3NDgwMTQgTDIuNzc4MDQxMDUsNC44NzU2MDIzNSBMNi4xMjc3MTY5NywwLjI3NDM2OTk3NCBDNi4zNDQ0MDIzLC0wLjAyMzMwNjM5NzYgNi43NjEzNzQ4NCwtMC4wODg5NjI2MTIxIDcuMDU5MDUxMjEsMC4xMjc3MjI3MTUgWiIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-size: 16px 12px;
  background-position: right -1px top 0;
  color: #3c6ef0;
}
.jdl-csat__checkbox .jdl-csat__checkbox-item + .jdl-csat__checkbox-item {
  margin-top: 8px;
}
.jdl-csat__textarea {
  font-size: 14px;
  line-height: 20px;
  color: #23252B;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #E4E5E9;
  transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
  display: flex;
  align-items: stretch;
  flex-flow: column nowrap;
  position: relative;
}
.jdl-csat__textarea:hover {
  background-color: #fff !important;
  box-shadow: 0 0 0 2px rgba(60, 110, 240, 0.15) !important;
}
.jdl-csat__textarea:focus-within {
  border-color: #3C6EF0 !important;
  background-color: #fff !important;
  box-shadow: 0 0 0 2px rgba(60, 110, 240, 0.15) !important;
}
.jdl-csat__textarea textarea {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 2px 8px;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  font: inherit;
  color: inherit;
}
.jdl-csat__textarea textarea::placeholder {
  color: #BABEC7;
}
.jdl-csat__textarea .jdl-csat__textarea-count {
  text-align: right;
  position: absolute;
  right: 16px;
  bottom: 6px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  color: #babec7;
  user-select: none;
  pointer-events: none;
  cursor: none;
}
.jdl-csat__footer {
  border-top: 1px solid #F1F2F4;
  height: 56px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
}
.jdl-csat__footer .jdl-csat__dot-answer {
  cursor: pointer;
  color: #868d9f;
  user-select: none;
}
.jdl-csat__footer .jdl-csat__dot-answer:hover {
  color: #3C6EF0;
}
.jdl-csat__footer .jdl-csat__submit {
  cursor: pointer;
  border-radius: 8px;
  padding: 6px 22px;
  height: 32px;
  background-color: #3C6EF0;
  color: #fff;
  line-height: 20px;
  user-select: none;
}
.jdl-csat__footer .jdl-csat__submit.jdl-csat__submit[aria-disabled="true"] {
  height: 32px;
  background: #9db6f7;
  cursor: not-allowed;
}
.jdl-csat__toaster {
  position: fixed;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1001000;
  max-width: 600px;
  background: #e7f7ef;
  border: 1px solid #bde9d1;
  border-radius: 8px;
  padding: 6px 16px;
  display: flex;
  flex-flow: row nowrap;
  gap: 9px;
  place-content: center flex-start;
  align-items: center;
}
.jdl-csat__toaster.jdl-csat__toaster-success .jdl-csat__toaster-icon {
  color: #12B35D;
}
.jdl-csat__toaster.jdl-csat__toaster-error .jdl-csat__toaster-icon {
  color: #ff4d4f;
}
.jdl-csat__toaster .jdl-csat__toaster-icon {
  width: 20px;
  height: 20px;
}
.jdl-csat__toaster .jdl-csat__toaster-message {
  line-height: 20px;
  font-size: 14px;
  color: #525765;
}
.jdl-csat__toaster.jdl-csat__rl {
  flex-direction: row-reverse;
  text-align: right;
}
.jdl-csat .jdl-csat-notice-wrapper .jdl-csat-notice-content {
  background: #e7f7ef;
  border: 1px solid #bde9d1;
  gap: 9px;
  padding: 6px 16px;
  font-size: 14px;
  color: #525765;
  line-height: 20px;
}
.jdl-csat .jdl-csat-notice-wrapper .jdl-csat-notice-error .jdl-csat-notice-content {
  background: #feebeb;
  border: 1px solid #FEC7C7;
}
.jdl-csat .jdl-csat-notice-wrapper .jdl-csat-custom-content > .anticon {
  font-size: 16px;
}
.jdl-csat__scroll .jdl-csat__label:nth-of-type(1) {
  margin-top: 0;
}
.jdl-csat__label {
  margin-top: 16px;
  margin-bottom: 10px;
  width: 100%;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  color: #23252B;
}