{% macro getTextEditorTheme() %}
  <style type="text/css">
    h1 {
      margin: 0;
      font-size: 40px;
      font-weight: 500;
      line-height: 1.2;
    }
    h2 {
      margin: 0;
      font-size: 32px;
      font-weight: 500;
      line-height: 1.2;
    }
    h3 {
      margin: 0;
      font-size: 28px;
      font-weight: 500;
      line-height: 1.2;
    }
    h4 {
      margin: 0;
      font-size: 24px;
      font-weight: 500;
      line-height: 1.2;
    }
    h5 {
      margin: 0;
      font-size: 20px;
      font-weight: 500;
      line-height: 1.2;
    }
    h6 {
      margin: 0;
      font-size: 16px;
      font-weight: 500;
      line-height: 1.2;
    }
    p,
    div {
      margin: 0;
    }
    blockquote {
      margin: 0;
      margin-left: 20px;
      margin-bottom: 10px;
      font-size: 15px;
      color: #667085; /* gray-500 */
      border-left-color: #eaecf0; /* gray-200 */
      border-left-width: 4px;
      border-left-style: solid;
      padding-left: 16px;
    }
    code {
      background-color: #f2f4f7; /* gray-100 */
      padding: 1px 0.25rem;
      font-family: Menlo, Consolas, Monaco, monospace;
      font-size: 94%;
    }
    a {
      color: #2a56f5; /* primary-600 */
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
      cursor: pointer;
    }
    pre {
      background-color: #f2f4f7; /* gray-100 */
      font-family: Menlo, Consolas, Monaco, monospace;
      display: block;
      padding: 8px;
      line-height: 1.53;
      font-size: 13px;
      margin: 0;
      margin-top: 8px;
      margin-bottom: 8px;
      overflow-x: auto;
      position: relative;
    }
    pre:after {
      content: attr(data-highlight-language);
      top: 0;
      right: 3px;
      padding: 3px;
      font-size: 10px;
      text-transform: uppercase;
      position: absolute;
      color: #000;
      opacity: 0.5;
    }
    ol {
      padding: 0;
      margin: 0;
      list-style-type: decimal;
      list-style-position: inside;
    }
    ol ol {
      padding: 0;
      margin: 0;
      list-style-type: upper-alpha;
      list-style-position: inside;
    }
    ol ol ol {
      padding: 0;
      margin: 0;
      list-style-type: lower-alpha;
      list-style-position: inside;
    }
    ol ol ol ol {
      padding: 0;
      margin: 0;
      list-style-type: upper-roman;
      list-style-position: inside;
    }
    ol ol ol ol ol {
      padding: 0;
      margin: 0;
      list-style-type: lower-roman;
      list-style-position: inside;
    }
    ul {
      padding: 0;
      margin: 0;
      list-style-type: disc;
      list-style-position: inside;
    }
    ul ul {
      padding: 0;
      margin: 0;
      list-style-type: circle;
      list-style-position: inside;
    }
    ul ul ul {
      padding: 0;
      margin: 0;
      list-style-type: square;
      list-style-position: inside;
    }
    li {
      margin: 0 32px;
      list-style-position: outside;
    }
    hr {
      padding: 2px 2px;
      border: none;
      margin: 1em 0;
      cursor: pointer;
    }
    hr:after {
      content: "";
      display: block;
      height: 2px;
      background-color: #d0d5dd; /* gray-300 */
      line-height: 2px;
    }
    hr.selected {
      outline: 2px solid #2a56f5; /* primary-600 */
      user-select: none;
    }

    .code {
      background-color: #f2f4f7; /* gray-100 */
      font-family: Menlo, Consolas, Monaco, monospace;
      display: block;
      padding: 8px 8px 8px 52px !important;
      line-height: 1.53;
      font-size: 13px !important;
      margin: 0;
      margin-top: 8px;
      margin-bottom: 8px;
      overflow-x: auto;
      position: relative;
      tab-size: 2;
    }
    .code:before {
      content: attr(data-gutter);
      position: absolute;
      background-color: #eaecf0; /* gray-200 */
      left: 0;
      top: 0;
      border-right: 1px solid #d0d5dd; /* gray-300 */
      padding: 8px;
      color: #98a1b2; /* gray-400 */
      white-space: pre-wrap;
      text-align: right;
      min-width: 25px;
    }
    .code:after {
      content: attr(data-highlight-language);
      top: 0;
      right: 3px;
      padding: 3px;
      font-size: 10px;
      text-transform: uppercase;
      position: absolute;
      color: #98a1b2; /* gray-400 */
    }

    .list-item-checked,
    .list-item-unchecked {
      position: relative;
      margin-left: 8px;
      margin-right: 8px;
      padding-left: 24px;
      padding-right: 24px;
      list-style-type: none;
      outline: none;
    }
    .list-item-checked {
      text-decoration: line-through;
    }
    .list-item-unchecked:before,
    .list-item-checked:before {
      content: "";
      width: 16px;
      height: 16px;
      top: 5px;
      left: 0;
      cursor: pointer;
      display: block;
      background-size: cover;
      position: absolute;
    }
    .list-item-unchecked[dir="rtl"]:before,
    .list-item-checked[dir="rtl"]:before {
      left: auto;
      right: 0;
    }
    .list-item-unchecked:focus:before,
    .list-item-checked:focus:before {
      box-shadow: 0 0 0 2px #c7cdfb; /* primary-300 */
      border-radius: 2px;
    }
    .list-item-unchecked:before {
      border: 1px solid #98a1b2; /* gray-400 */
      border-radius: 2px;
    }
    .list-item-checked:before {
      border: 1px solid #2a56f5; /* primary-600 */
      border-radius: 2px;
      background-color: #2a56f5; /* primary-600 */
      background-repeat: no-repeat;
    }
    .list-item-checked:after {
      content: "";
      cursor: pointer;
      border-color: #fff;
      border-style: solid;
      position: absolute;
      display: block;
      top: 10px;
      width: 3px;
      left: 7px;
      right: 7px;
      height: 6px;
      transform: rotate(45deg);
      border-width: 0 2px 2px 0;
    }
    .nested-list-item {
      list-style-type: none;
    }
    .nested-list-item:before,
    .nested-list-item:after {
      display: none;
    }

    .table {
      border-collapse: collapse;
      border-spacing: 0;
      overflow-y: scroll;
      overflow-x: scroll;
      table-layout: fixed;
      width: max-content;
      margin: 0 25px 30px 0;
    }
    .table-cell {
      border: 1px solid #98a1b2; /* gray-400 */
      width: 75px;
      min-width: 75px;
      vertical-align: top;
      text-align: start;
      padding: 6px 8px;
      position: relative;
      outline: none;
    }
    .table-cell-header {
      background-color: #f2f4f7; /* gray-100 */
      text-align: start;
    }

    .text-underline {
      text-decoration: underline;
    }
    .text-strikethrough {
      text-decoration: line-through;
    }
    .text-underline-strikethrough {
      text-decoration: underline line-through;
    }

    .token-comment {
      color: slategray;
    }
    .token-punctuation {
      color: #999;
    }
    .token-property {
      color: #905;
    }
    .token-selector {
      color: #690;
    }
    .token-operator {
      color: #9a6e3a;
    }
    .token-attr {
      color: #07a;
    }
    .token-variable {
      color: #e90;
    }
    .token-function {
      color: #dd4a68;
    }

    .collapsible-container,
    .collapsible-container[data-color="gray"] {
      background-color: #f9fafb; /* gray-50 */
      border: 1px solid #667085; /* gray-500 */
      color: #344054; /* gray-700 */
      border-radius: 10px;
      margin-bottom: 8px;
    }
    .collapsible-container[data-color="primary"] {
      background-color: #f9f9ff; /* primary-50 */
      border: 1px solid #788af7; /* primary-500 */
      color: #264ddb; /* primary-700 */
    }
    .collapsible-container[data-color="success"] {
      background-color: #ecfdf3; /* success-50 */
        border: 1px solid #12b669; /* success-500 */
      color: #027a48; /* success-700 */
    }
    .collapsible-container[data-color="error"] {
      background-color: #fef3f2; /* error-50 */
      border: 1px solid #f04437; /* error-500 */
      color: #b42318; /* error-700 */
    }
    .collapsible-container[data-color="warning"] {
      background-color: #fffaeb; /* warning-50 */
      border: 1px solid #f79009; /* warning-500 */
      color: #b54707; /* warning-700 */
    }
    .collapsible-title {
      cursor: pointer;
      padding: 5px 5px 5px 20px;
      position: relative;
      font-weight: bold;
      list-style: none;
      outline: none;
    }
    .collapsible-title:focus {
      outline: none;
    }
    .collapsible-title::marker,
    .collapsible-title::-webkit-details-marker {
      display: none;
    }
    .collapsible-title:before {
      border-style: solid;
      border-color: transparent;
      border-width: 4px 6px 4px 6px;
      border-left-color: #000;
      display: block;
      content: "";
      position: absolute;
      left: 7px;
      top: 50%;
      transform: translateY(-50%);
    }
    .collapsible-container[open] > .collapsible-title:before {
      border-color: transparent;
      border-width: 6px 4px 0 4px;
      border-top-color: #000;
    }
    .collapsible-content {
      padding: 0 5px 5px 20px;
    }

    .suggestion.mention {
      border: none;
      border-radius: 16px;
      padding: 2px 10px;
      color: #2a56f5; {# primary-600 #}
      background-color: #f2f3fe; {# primary-100 #}
    }
    .suggestion.mention[data-user="broadcast"] {
      color: #039754; {# success-600 #}
      background-color: #d1fadf; {# success-100 #}
    }
    .suggestion.reference {
      border: none;
      border-radius: 16px;
      padding: 2px 10px;
      color: #7839ed; {# violet-600 #}
      background-color: #ece9fe; {# violet-100 #}
    }
    .suggestion.quote-reply {
      position: relative;
      display: block;
      border-radius: 16px;
      padding: 10px 6px 10px 40px;
      margin: 8px 0;
      width: 100%;
      font-size: 14px;
      color: #98a1b2; {# gray-400 #}
      background-color: #f9fafb; {# gray-50 #}
    }
    .suggestion.quote-reply::before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      background-image: url('data:image/svg+xml;base64,PHN2ZyBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgY2xhc3M9InJvdGF0ZS0xODAiIGhlaWdodD0iMWVtIiB3aWR0aD0iMWVtIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMC41MyA1LjAzYS43NS43NSAwIDEgMC0xLjA2LTEuMDZsLTYuMjUgNi4yNWEuNzUuNzUgMCAwIDAgMCAxLjA2bDYuMjUgNi4yNWEuNzUuNzUgMCAxIDAgMS4wNi0xLjA2TDUuNTYgMTEuNUgxN2EzLjI0OCAzLjI0OCAwIDAgMSAzLjI1IDMuMjQ4djQuNTAyYS43NS43NSAwIDAgMCAxLjUgMHYtNC41MDJBNC43NDggNC43NDggMCAwIDAgMTcgMTBINS41Nmw0Ljk3LTQuOTdaIj48L3BhdGg+PC9zdmc+');
      background-size: cover;
      background-repeat: no-repeat;
      position: absolute;
      top: 10px;
      left: 10px;
      transform: rotate(180deg);
      opacity: 0.4;
    }

    .signature-placeholder {
      display: table;
      width: auto;
    }
    .signature-placeholder[data-placeholder-type="signature"] {
      margin: 0 auto;
      text-align: center;
    }
    .signature-placeholder[data-placeholder-type="initials"] {
      margin: 0 0 0 auto;
    }
    .signature-placeholder[data-placeholder-type="float"] {
      display: inline-block;
    }
    .signature-wrapper {
      display: table;
      margin: 0 auto;
      width: 384px;
      text-align: center;
    }
    .signature-wrapper[data-id] {
      position: relative;
      padding: 25px 20px 15px;
      border-radius: 16px 0 0 16px;
      border: 2px solid #2a56f5; /* primary-600 */
      border-right-width: 0;
    }
    .signature-wrapper::before {
      content: "Signed by";
      position: absolute;
      top: -12px;
      left: 80px;
      width: 100%;
      background: white;
      text-align: left;
      font-size: 14px;
      line-height: 20px;
      font-weight: 700;
      color: #475467; /* gray-600 */
      padding: 2px 4px;
    }
    .signature-wrapper::after {
      content: attr(data-id);
      position: absolute;
      bottom: -12px;
      left: 80px;
      width: 100%;
      background: white;
      text-align: left;
      font-size: 14px;
      line-height: 20px;
      font-weight: 700;
      color: #475467; /* gray-600 */
      padding: 2px 4px;
    }
    .signature-title {
        margin-bottom: 8px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        grid-column: 1 / -1;
    }
    .signature-grid {
        display: grid;
        width: 100%;
        max-width: 512px;
        gap: 16px;
        grid-template-columns: auto 1fr 1fr;
        align-items: center;
    }
    .signature-container {
      display: table-cell;
      text-align: center;
      padding: 8px;
    }
    .signature-pad {
      display: block;
      width: 100%;
      //border-radius: 8px;
      //border: 2px solid #feee94; /* Yellow */
      //background-color: #feee94; /* Yellow */
      font-weight: 500;
      color: #101828; /* Dark Gray */
    }
    .signature-line {
      display: inline-block;
      margin: 4px 0;
      height: 1px;
      width: 100%;
      background-color: black;
    }
    .signature-label {
      font-size: 12px;
      font-weight: 600;
      color: #344054; /* Medium Gray */
    }
    .signature-container.signature {
      width: 240px;
    }
    .signature-container.date,
    .signature-container.initials {
      width: 128px;
    }
    .signature-container.float {
      width: 96px;
    }

    [type="page-break"] {
      overflow: unset;
      position: relative;
      display: block;
      width: calc(100% + 56px);
      margin-top: 28px;
      margin-bottom: 28px;
      margin-left: -28px;
      border-top: 1px dashed #eaecf0; {# gray-200 #}
      border-bottom: 1px dashed #eaecf0; {# gray-200 #}
      background-color: #eaecf0; {# gray-200 #}
    }
    [type="page-break"]::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 40px;
      height: 16px;
      width: 16px;
      transform: translateY(-50%);
      opacity: 0.5;

      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;

      /* Inline SVG */
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16' transform='matrix(-1, 0, 0, 1, 0, 0) rotate(270)'%3E%3Cpath d='M3.5 3.5c-.614-.884-.074-1.962.858-2.5L8 7.226 11.642 1c.932.538 1.472 1.616.858 2.5L8.81 8.61l1.556 2.661a2.5 2.5 0 1 1-.794.637L8 9.73l-1.572 2.177a2.5 2.5 0 1 1-.794-.637L7.19 8.61 3.5 3.5zm2.5 10a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0zm7 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z'/%3E%3C/svg%3E");
    }
    [type="page-break"]::after {
      content: "PAGE BREAK";
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      transform: translate(-50%, -50%);
      padding: 10px 8px;
      font-size: 12px;
      line-height: 16px;
      font-weight: 600;
      color: black;
      background-color: white;
      border: 1px solid #d0d5dd; {# gray-300 #}
    }
    [type="page-break"].selected {
      border-color: #2a56f5; {# primary-600 #}
    }
    [type="page-break"].selected::before {
      opacity: 1;
    }
  </style>
{% endmacro %}