@trycourier/react-designer 0.0.0-canary-20250912105446 → 0.0.0-canary-20251008141850

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/README.md +21 -0
  2. package/dist/cjs/index.css +1 -1
  3. package/dist/cjs/index.css.map +2 -2
  4. package/dist/cjs/index.js +49 -45
  5. package/dist/cjs/index.js.map +4 -4
  6. package/dist/cjs/styles.css +110 -57
  7. package/dist/components/TemplateEditor/Channels/Email/Email.d.ts +2 -1
  8. package/dist/components/TemplateEditor/Channels/Email/EmailLayout.d.ts +1 -1
  9. package/dist/components/TemplateEditor/Channels/Inbox/InboxLayout.d.ts +1 -1
  10. package/dist/components/TemplateEditor/Channels/Push/PushLayout.d.ts +1 -1
  11. package/dist/components/TemplateEditor/Channels/SMS/SMS.d.ts +1 -1
  12. package/dist/components/TemplateEditor/Channels/SMS/SMSLayout.d.ts +1 -1
  13. package/dist/components/TemplateEditor/Layout/Layout.d.ts +1 -0
  14. package/dist/components/TemplateEditor/TemplateEditor.d.ts +3 -1
  15. package/dist/components/TemplateEditor/index.d.ts +2 -0
  16. package/dist/components/TemplateEditor/store.d.ts +3 -0
  17. package/dist/components/extensions/CustomCode/CustomCode.d.ts +11 -0
  18. package/dist/components/extensions/CustomCode/CustomCode.test.d.ts +1 -0
  19. package/dist/components/extensions/CustomCode/CustomCode.types.d.ts +11 -0
  20. package/dist/components/extensions/CustomCode/CustomCodeComponent.d.ts +9 -0
  21. package/dist/components/extensions/CustomCode/CustomCodeForm.d.ts +8 -0
  22. package/dist/components/extensions/CustomCode/MonacoCodeEditor.d.ts +22 -0
  23. package/dist/components/extensions/CustomCode/index.d.ts +6 -0
  24. package/dist/components/extensions/index.d.ts +1 -0
  25. package/dist/components/ui/Blocks/CustomCodeBlock/CustomCodeBlock.d.ts +3 -0
  26. package/dist/components/ui/Blocks/CustomCodeBlock/index.d.ts +1 -0
  27. package/dist/components/ui/Blocks/index.d.ts +1 -0
  28. package/dist/components/ui/ContentIcon/ContentIcon.d.ts +1 -0
  29. package/dist/components/ui/FormHeader/FormHeader.d.ts +1 -1
  30. package/dist/components/ui/MainLayout/MainLayout.d.ts +3 -1
  31. package/dist/components/ui-kit/Icon/RightToLineIcon.d.ts +3 -0
  32. package/dist/components/ui-kit/Icon/index.d.ts +1 -0
  33. package/dist/components/ui-kit/ThemeProvider/ThemeProvider.d.ts +1 -0
  34. package/dist/components/ui-kit/ThemeProvider/ThemeProvider.types.d.ts +3 -0
  35. package/dist/esm/index.css +1 -1
  36. package/dist/esm/index.css.map +2 -2
  37. package/dist/esm/index.js +49 -45
  38. package/dist/esm/index.js.map +4 -4
  39. package/dist/esm/styles.css +110 -57
  40. package/dist/styles.css +110 -57
  41. package/package.json +3 -1
package/dist/styles.css CHANGED
@@ -228,9 +228,10 @@
228
228
  object-fit: cover;
229
229
  display: block;
230
230
  }
231
- .lightTheme {
231
+ .theme-container {
232
+ --color-scheme: light;
232
233
  --background: #ffffff;
233
- --foreground: #292929;
234
+ --foreground: #404040;
234
235
  --muted: #D9D9D9;
235
236
  --muted-foreground: #A3A3A3;
236
237
  --popover: #ffffff;
@@ -983,6 +984,9 @@ body {
983
984
  .courier-z-\[999\] {
984
985
  z-index: 999;
985
986
  }
987
+ .courier-z-\[9\] {
988
+ z-index: 9;
989
+ }
986
990
  .\!courier-m-0 {
987
991
  margin: 0px !important;
988
992
  }
@@ -1183,6 +1187,9 @@ body {
1183
1187
  .courier-h-\[50px\] {
1184
1188
  height: 50px;
1185
1189
  }
1190
+ .courier-h-\[700px\] {
1191
+ height: 700px;
1192
+ }
1186
1193
  .courier-h-\[78px\] {
1187
1194
  height: 78px;
1188
1195
  }
@@ -1213,9 +1220,6 @@ body {
1213
1220
  .courier-min-h-\[44px\] {
1214
1221
  min-height: 44px;
1215
1222
  }
1216
- .courier-min-h-\[600px\] {
1217
- min-height: 600px;
1218
- }
1219
1223
  .\!courier-w-10 {
1220
1224
  width: 2.5rem !important;
1221
1225
  }
@@ -1611,6 +1615,10 @@ body {
1611
1615
  .courier-border-current {
1612
1616
  border-color: currentColor;
1613
1617
  }
1618
+ .courier-border-gray-300 {
1619
+ --tw-border-opacity: 1;
1620
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1621
+ }
1614
1622
  .courier-border-gray-400 {
1615
1623
  --tw-border-opacity: 1;
1616
1624
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
@@ -1703,6 +1711,9 @@ body {
1703
1711
  .courier-bg-black\/5 {
1704
1712
  background-color: rgb(0 0 0 / 0.05);
1705
1713
  }
1714
+ .courier-bg-black\/50 {
1715
+ background-color: rgb(0 0 0 / 0.5);
1716
+ }
1706
1717
  .courier-bg-black\/80 {
1707
1718
  background-color: rgb(0 0 0 / 0.8);
1708
1719
  }
@@ -2170,6 +2181,11 @@ body {
2170
2181
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2171
2182
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2172
2183
  }
2184
+ .courier-shadow-xl {
2185
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2186
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2187
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2188
+ }
2173
2189
  .courier-shadow-black\/30 {
2174
2190
  --tw-shadow-color: rgb(0 0 0 / 0.3);
2175
2191
  --tw-shadow: var(--tw-shadow-colored);
@@ -2202,6 +2218,11 @@ body {
2202
2218
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2203
2219
  transition-duration: 150ms;
2204
2220
  }
2221
+ .courier-transition-opacity {
2222
+ transition-property: opacity;
2223
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2224
+ transition-duration: 150ms;
2225
+ }
2205
2226
  .courier-transition-transform {
2206
2227
  transition-property: transform;
2207
2228
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2285,14 +2306,13 @@ body {
2285
2306
  opacity: 1;
2286
2307
  }
2287
2308
  }
2288
- .lightTheme {
2289
- height: 100%;
2290
- }
2309
+ /* .theme-container {
2310
+ } */
2291
2311
  .courier-main-layout {
2292
2312
  position: relative;
2293
2313
  z-index: 10;
2294
2314
  display: flex;
2295
- min-height: 600px;
2315
+ height: 700px;
2296
2316
  min-width: 812px;
2297
2317
  flex-grow: 1;
2298
2318
  flex-direction: column;
@@ -2343,6 +2363,10 @@ body {
2343
2363
  animation-duration: 300ms;
2344
2364
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2345
2365
  }
2366
+ .courier-editor-sidebar:is(.courier-dark *) {
2367
+ --tw-bg-opacity: 1;
2368
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2369
+ }
2346
2370
  .courier-editor-loading {
2347
2371
  position: absolute;
2348
2372
  top: 0px;
@@ -2448,25 +2472,25 @@ body {
2448
2472
  .courier-editor-preview-mode .ProseMirror, .courier-editor-readonly .ProseMirror {
2449
2473
  pointer-events: none;
2450
2474
  }
2451
- .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow *, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock *, .courier-editor-readonly .ProseMirror>.react-renderer.node-button *, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider *, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph *, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading *, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote *, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow * {
2475
+ .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode *, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock *, .courier-editor-readonly .ProseMirror>.react-renderer.node-button *, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider *, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph *, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading *, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote *, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow *, .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode * {
2452
2476
  pointer-events: none;
2453
2477
  }
2454
- .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow *, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock *, .courier-editor-readonly .ProseMirror>.react-renderer.node-button *, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider *, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph *, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading *, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote *, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow * {
2478
+ .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow *, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode *, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock *, .courier-editor-readonly .ProseMirror>.react-renderer.node-button *, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider *, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph *, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading *, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote *, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow *, .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode * {
2455
2479
  cursor: default;
2456
2480
  }
2457
- .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-button [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-divider [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-heading [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow [data-cypress="draggable-handle"] {
2481
+ .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-button [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-divider [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-heading [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode [data-cypress="draggable-handle"] {
2458
2482
  display: none;
2459
2483
  }
2460
- .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-button .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow .selected-element .courier-actions-panel {
2484
+ .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow .selected-element .courier-actions-panel, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-button .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow .selected-element .courier-actions-panel, .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode .selected-element .courier-actions-panel {
2461
2485
  display: none;
2462
2486
  }
2463
- .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before {
2487
+ .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow .selected-element .node-element::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode .selected-element .node-element::before {
2464
2488
  display: none;
2465
2489
  }
2466
- .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-button:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-button:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:active [data-cypress="draggable-handle"] {
2490
+ .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:active [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode:hover [data-cypress="draggable-handle"], .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-button:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-button:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:active [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode:hover [data-cypress="draggable-handle"], .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode:active [data-cypress="draggable-handle"] {
2467
2491
  display: none;
2468
2492
  }
2469
- .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:active .node-element.courier-empty-image::before {
2493
+ .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-buttonRow:active .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode:hover .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode:hover .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode:hover .node-element.courier-empty-image::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode:active .node-element>div::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode:active .node-element>hr::before, .courier-editor-preview-mode .ProseMirror>.react-renderer.node-customCode:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-buttonRow:active .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode:hover .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode:hover .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode:hover .node-element.courier-empty-image::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode:active .node-element>div::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode:active .node-element>hr::before, .courier-editor-readonly .ProseMirror>.react-renderer.node-customCode:active .node-element.courier-empty-image::before {
2470
2494
  display: none;
2471
2495
  }
2472
2496
  .courier-editor-preview-mode .ProseMirror>.react-renderer.node-imageBlock .courier-empty-image, .courier-editor-readonly .ProseMirror>.react-renderer.node-imageBlock .courier-empty-image {
@@ -2747,45 +2771,67 @@ body {
2747
2771
  .ProseMirror>.react-renderer.node-paragraph:focus-visible {
2748
2772
  outline: none;
2749
2773
  }
2750
- .ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div {
2774
+ .ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div, .ProseMirror>.react-renderer.node-customCode p >div {
2751
2775
  position: relative;
2752
2776
  }
2753
- .ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div {
2777
+ .ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div, .ProseMirror>.react-renderer.node-customCode p >div {
2754
2778
  display: block;
2755
2779
  }
2756
- .ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div {
2780
+ .ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div, .ProseMirror>.react-renderer.node-customCode p >div {
2757
2781
  cursor: text;
2758
2782
  }
2759
- .ProseMirror>.react-renderer.node-paragraph p >div[contenteditable="true"], .ProseMirror>.react-renderer.node-blockquote p >div[contenteditable="true"] {
2783
+ .ProseMirror>.react-renderer.node-paragraph p >div[contenteditable="true"], .ProseMirror>.react-renderer.node-blockquote p >div[contenteditable="true"], .ProseMirror>.react-renderer.node-customCode p >div[contenteditable="true"] {
2760
2784
  outline: none;
2761
2785
  caret-color: currentColor;
2762
2786
  }
2763
2787
  .ProseMirror>.react-renderer.node-paragraph .is-empty p,
2764
2788
  .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote,
2765
2789
  .ProseMirror>.react-renderer.node-blockquote .is-empty p,
2766
- .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote {
2790
+ .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote,
2791
+ .ProseMirror>.react-renderer.node-customCode .is-empty p,
2792
+ .ProseMirror>.react-renderer.node-customCode .is-empty blockquote {
2767
2793
  position: relative;
2768
2794
  }
2769
- .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
2795
+ .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after, .ProseMirror>.react-renderer.node-customCode .is-empty p::after, .ProseMirror>.react-renderer.node-customCode .is-empty blockquote::after {
2770
2796
  content: 'Write body text...';
2771
2797
  }
2772
- .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
2798
+ .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after, .ProseMirror>.react-renderer.node-customCode .is-empty p::after, .ProseMirror>.react-renderer.node-customCode .is-empty blockquote::after {
2773
2799
  position: absolute;
2774
2800
  }
2775
- .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
2801
+ .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after, .ProseMirror>.react-renderer.node-customCode .is-empty p::after, .ProseMirror>.react-renderer.node-customCode .is-empty blockquote::after {
2776
2802
  top: 0px;
2777
2803
  }
2778
- .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
2804
+ .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after, .ProseMirror>.react-renderer.node-customCode .is-empty p::after, .ProseMirror>.react-renderer.node-customCode .is-empty blockquote::after {
2779
2805
  left: 0px;
2780
2806
  }
2781
- .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
2807
+ .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after, .ProseMirror>.react-renderer.node-customCode .is-empty p::after, .ProseMirror>.react-renderer.node-customCode .is-empty blockquote::after {
2782
2808
  z-index: -10;
2783
2809
  }
2784
- .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after {
2810
+ .ProseMirror>.react-renderer.node-paragraph .is-empty p::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote::after, .ProseMirror>.react-renderer.node-customCode .is-empty p::after, .ProseMirror>.react-renderer.node-customCode .is-empty blockquote::after {
2785
2811
  --tw-text-opacity: 1;
2786
2812
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
2787
2813
  }
2788
- .ProseMirror>.react-renderer.node-paragraph .is-empty p:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote:is(.courier-dark *)::after {
2814
+ .ProseMirror>.react-renderer.node-paragraph .is-empty p:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-blockquote .is-empty p:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-customCode .is-empty p:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-customCode .is-empty blockquote:is(.courier-dark *)::after {
2815
+ --tw-text-opacity: 1;
2816
+ color: rgb(163 163 163 / var(--tw-text-opacity, 1));
2817
+ }
2818
+ .ProseMirror>.react-renderer.node-paragraph .is-empty .courier-custom-code::after, .ProseMirror>.react-renderer.node-blockquote .is-empty .courier-custom-code::after, .ProseMirror>.react-renderer.node-customCode .is-empty .courier-custom-code::after {
2819
+ content: 'Add custom HTML code...';
2820
+ }
2821
+ .ProseMirror>.react-renderer.node-paragraph .is-empty .courier-custom-code::after, .ProseMirror>.react-renderer.node-blockquote .is-empty .courier-custom-code::after, .ProseMirror>.react-renderer.node-customCode .is-empty .courier-custom-code::after {
2822
+ position: absolute;
2823
+ }
2824
+ .ProseMirror>.react-renderer.node-paragraph .is-empty .courier-custom-code::after, .ProseMirror>.react-renderer.node-blockquote .is-empty .courier-custom-code::after, .ProseMirror>.react-renderer.node-customCode .is-empty .courier-custom-code::after {
2825
+ left: 0px;
2826
+ }
2827
+ .ProseMirror>.react-renderer.node-paragraph .is-empty .courier-custom-code::after, .ProseMirror>.react-renderer.node-blockquote .is-empty .courier-custom-code::after, .ProseMirror>.react-renderer.node-customCode .is-empty .courier-custom-code::after {
2828
+ z-index: -10;
2829
+ }
2830
+ .ProseMirror>.react-renderer.node-paragraph .is-empty .courier-custom-code::after, .ProseMirror>.react-renderer.node-blockquote .is-empty .courier-custom-code::after, .ProseMirror>.react-renderer.node-customCode .is-empty .courier-custom-code::after {
2831
+ --tw-text-opacity: 1;
2832
+ color: rgb(115 115 115 / var(--tw-text-opacity, 1));
2833
+ }
2834
+ .ProseMirror>.react-renderer.node-paragraph .is-empty .courier-custom-code:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-blockquote .is-empty .courier-custom-code:is(.courier-dark *)::after, .ProseMirror>.react-renderer.node-customCode .is-empty .courier-custom-code:is(.courier-dark *)::after {
2789
2835
  --tw-text-opacity: 1;
2790
2836
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
2791
2837
  }
@@ -2835,7 +2881,8 @@ body {
2835
2881
  .ProseMirror>.react-renderer.node-divider,
2836
2882
  .ProseMirror>.react-renderer.node-paragraph,
2837
2883
  .ProseMirror>.react-renderer.node-heading,
2838
- .ProseMirror>.react-renderer.node-blockquote {
2884
+ .ProseMirror>.react-renderer.node-blockquote,
2885
+ .ProseMirror>.react-renderer.node-customCode {
2839
2886
  position: relative;
2840
2887
  }
2841
2888
  .ProseMirror>.react-renderer.node-imageBlock,
@@ -2843,44 +2890,45 @@ body {
2843
2890
  .ProseMirror>.react-renderer.node-divider,
2844
2891
  .ProseMirror>.react-renderer.node-paragraph,
2845
2892
  .ProseMirror>.react-renderer.node-heading,
2846
- .ProseMirror>.react-renderer.node-blockquote {
2893
+ .ProseMirror>.react-renderer.node-blockquote,
2894
+ .ProseMirror>.react-renderer.node-customCode {
2847
2895
  margin: 0px;
2848
2896
  }
2849
- .ProseMirror>.react-renderer.node-imageBlock [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-button [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-divider [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-paragraph [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-heading [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-blockquote [data-cypress="draggable-handle"] {
2897
+ .ProseMirror>.react-renderer.node-imageBlock [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-button [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-divider [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-paragraph [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-heading [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-blockquote [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-customCode [data-cypress="draggable-handle"] {
2850
2898
  visibility: hidden;
2851
2899
  }
2852
- .ProseMirror>.react-renderer.node-imageBlock:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-imageBlock:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-button:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-button:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-divider:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-divider:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-paragraph:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-paragraph:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-heading:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-heading:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-blockquote:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-blockquote:active [data-cypress="draggable-handle"] {
2900
+ .ProseMirror>.react-renderer.node-imageBlock:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-imageBlock:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-button:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-button:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-divider:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-divider:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-paragraph:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-paragraph:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-heading:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-heading:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-blockquote:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-blockquote:active [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-customCode:hover [data-cypress="draggable-handle"], .ProseMirror>.react-renderer.node-customCode:active [data-cypress="draggable-handle"] {
2853
2901
  visibility: visible;
2854
2902
  }
2855
- .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
2903
+ .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:active .node-element.courier-empty-image::before {
2856
2904
  position: absolute;
2857
2905
  }
2858
- .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
2906
+ .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:active .node-element.courier-empty-image::before {
2859
2907
  left: -12px;
2860
2908
  }
2861
- .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
2909
+ .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:active .node-element.courier-empty-image::before {
2862
2910
  right: -12px;
2863
2911
  }
2864
- .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
2912
+ .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:active .node-element.courier-empty-image::before {
2865
2913
  top: 0px;
2866
2914
  }
2867
- .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
2915
+ .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:active .node-element.courier-empty-image::before {
2868
2916
  bottom: 0px;
2869
2917
  }
2870
- .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
2918
+ .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:active .node-element.courier-empty-image::before {
2871
2919
  border-radius: calc(var(--radius) - 2px);
2872
2920
  }
2873
- .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
2921
+ .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:active .node-element.courier-empty-image::before {
2874
2922
  border-width: 2px;
2875
2923
  }
2876
- .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
2924
+ .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:active .node-element.courier-empty-image::before {
2877
2925
  border-color: var(--border);
2878
2926
  }
2879
- .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before {
2927
+ .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>div::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element>hr::before, .ProseMirror>.react-renderer.node-imageBlock:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:hover .node-element>div::before, .ProseMirror>.react-renderer.node-button:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-button:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-button:active .node-element>div::before, .ProseMirror>.react-renderer.node-button:active .node-element>hr::before, .ProseMirror>.react-renderer.node-button:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>div::before, .ProseMirror>.react-renderer.node-divider:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-divider:active .node-element>div::before, .ProseMirror>.react-renderer.node-divider:active .node-element>hr::before, .ProseMirror>.react-renderer.node-divider:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>div::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element>hr::before, .ProseMirror>.react-renderer.node-paragraph:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>div::before, .ProseMirror>.react-renderer.node-heading:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-heading:active .node-element>div::before, .ProseMirror>.react-renderer.node-heading:active .node-element>hr::before, .ProseMirror>.react-renderer.node-heading:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>div::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element>hr::before, .ProseMirror>.react-renderer.node-blockquote:active .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:hover .node-element.courier-empty-image::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>div::before, .ProseMirror>.react-renderer.node-customCode:active .node-element>hr::before, .ProseMirror>.react-renderer.node-customCode:active .node-element.courier-empty-image::before {
2880
2928
  --tw-content: '';
2881
2929
  content: var(--tw-content);
2882
2930
  }
2883
- .ProseMirror>.react-renderer.node-imageBlock .node-element, .ProseMirror>.react-renderer.node-button .node-element, .ProseMirror>.react-renderer.node-divider .node-element, .ProseMirror>.react-renderer.node-paragraph .node-element, .ProseMirror>.react-renderer.node-heading .node-element, .ProseMirror>.react-renderer.node-blockquote .node-element {
2931
+ .ProseMirror>.react-renderer.node-imageBlock .node-element, .ProseMirror>.react-renderer.node-button .node-element, .ProseMirror>.react-renderer.node-divider .node-element, .ProseMirror>.react-renderer.node-paragraph .node-element, .ProseMirror>.react-renderer.node-heading .node-element, .ProseMirror>.react-renderer.node-blockquote .node-element, .ProseMirror>.react-renderer.node-customCode .node-element {
2884
2932
  position: relative;
2885
2933
  }
2886
2934
  .ProseMirror>.react-renderer.node-imageBlock .node-element:focus,
@@ -2894,51 +2942,53 @@ body {
2894
2942
  .ProseMirror>.react-renderer.node-heading .node-element:focus,
2895
2943
  .ProseMirror>.react-renderer.node-heading .node-element:focus-visible,
2896
2944
  .ProseMirror>.react-renderer.node-blockquote .node-element:focus,
2897
- .ProseMirror>.react-renderer.node-blockquote .node-element:focus-visible {
2945
+ .ProseMirror>.react-renderer.node-blockquote .node-element:focus-visible,
2946
+ .ProseMirror>.react-renderer.node-customCode .node-element:focus,
2947
+ .ProseMirror>.react-renderer.node-customCode .node-element:focus-visible {
2898
2948
  outline: none;
2899
2949
  }
2900
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element, .ProseMirror>.react-renderer.node-button .selected-element .node-element, .ProseMirror>.react-renderer.node-divider .selected-element .node-element, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element, .ProseMirror>.react-renderer.node-heading .selected-element .node-element, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element {
2950
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element, .ProseMirror>.react-renderer.node-button .selected-element .node-element, .ProseMirror>.react-renderer.node-divider .selected-element .node-element, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element, .ProseMirror>.react-renderer.node-heading .selected-element .node-element, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element {
2901
2951
  position: relative;
2902
2952
  }
2903
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element, .ProseMirror>.react-renderer.node-button .selected-element .node-element, .ProseMirror>.react-renderer.node-divider .selected-element .node-element, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element, .ProseMirror>.react-renderer.node-heading .selected-element .node-element, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element {
2953
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element, .ProseMirror>.react-renderer.node-button .selected-element .node-element, .ProseMirror>.react-renderer.node-divider .selected-element .node-element, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element, .ProseMirror>.react-renderer.node-heading .selected-element .node-element, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element {
2904
2954
  z-index: 20;
2905
2955
  }
2906
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
2956
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element::before {
2907
2957
  position: absolute;
2908
2958
  }
2909
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
2959
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element::before {
2910
2960
  left: -12px;
2911
2961
  }
2912
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
2962
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element::before {
2913
2963
  right: -12px;
2914
2964
  }
2915
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
2965
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element::before {
2916
2966
  top: 0px;
2917
2967
  }
2918
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
2968
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element::before {
2919
2969
  bottom: 0px;
2920
2970
  }
2921
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
2971
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element::before {
2922
2972
  z-index: -10;
2923
2973
  }
2924
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
2974
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element::before {
2925
2975
  border-radius: calc(var(--radius) - 2px);
2926
2976
  }
2927
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
2977
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element::before {
2928
2978
  border-width: 1px;
2929
2979
  }
2930
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
2980
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element::before {
2931
2981
  --tw-border-opacity: 1;
2932
2982
  border-color: rgb(0 133 255 / var(--tw-border-opacity, 1));
2933
2983
  }
2934
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before {
2984
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element::before, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element::before {
2935
2985
  --tw-content: '';
2936
2986
  content: var(--tw-content);
2937
2987
  }
2938
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element .node-element::before {
2988
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-button .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-divider .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-paragraph .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-heading .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-blockquote .selected-element .node-element .node-element::before, .ProseMirror>.react-renderer.node-customCode .selected-element .node-element .node-element::before {
2939
2989
  display: none;
2940
2990
  }
2941
- .ProseMirror>.react-renderer.node-imageBlock .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-button .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-divider .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-paragraph .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-heading .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-blockquote .selected-element .courier-actions-panel {
2991
+ .ProseMirror>.react-renderer.node-imageBlock .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-button .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-divider .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-paragraph .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-heading .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-blockquote .selected-element .courier-actions-panel, .ProseMirror>.react-renderer.node-customCode .selected-element .courier-actions-panel {
2942
2992
  display: block;
2943
2993
  }
2944
2994
  .ProseMirror>.react-renderer.node-blockquote {
@@ -3450,6 +3500,9 @@ body {
3450
3500
  --tw-bg-opacity: 1;
3451
3501
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
3452
3502
  }
3503
+ .dark\:courier-bg-primary:is(.courier-dark *) {
3504
+ background-color: var(--primary);
3505
+ }
3453
3506
  .dark\:courier-bg-white:is(.courier-dark *) {
3454
3507
  --tw-bg-opacity: 1;
3455
3508
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));