@trycourier/react-designer 0.0.7 → 0.0.9

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 (53) 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 +46 -46
  5. package/dist/cjs/index.js.map +4 -4
  6. package/dist/cjs/styles.css +113 -67
  7. package/dist/components/Providers/Providers.types.d.ts +2 -2
  8. package/dist/components/Providers/TemplateProvider.d.ts +12 -8
  9. package/dist/components/Providers/TemplateProvider.test.d.ts +1 -0
  10. package/dist/components/Providers/index.d.ts +1 -1
  11. package/dist/components/Providers/store.d.ts +0 -19
  12. package/dist/components/Providers/useBrandActions.d.ts +2 -3
  13. package/dist/components/Providers/useTemplateActions.d.ts +2 -3
  14. package/dist/components/TemplateEditor/Channels/Email/Email.d.ts +2 -1
  15. package/dist/components/TemplateEditor/Channels/Email/EmailLayout.d.ts +1 -1
  16. package/dist/components/TemplateEditor/Channels/Inbox/Inbox.d.ts +2 -1
  17. package/dist/components/TemplateEditor/Channels/Inbox/InboxEditor.d.ts +2 -1
  18. package/dist/components/TemplateEditor/Channels/Inbox/InboxLayout.d.ts +1 -1
  19. package/dist/components/TemplateEditor/Channels/Push/Push.d.ts +2 -1
  20. package/dist/components/TemplateEditor/Channels/Push/PushEditor.d.ts +2 -1
  21. package/dist/components/TemplateEditor/Channels/Push/PushLayout.d.ts +1 -1
  22. package/dist/components/TemplateEditor/Channels/SMS/SMS.d.ts +2 -1
  23. package/dist/components/TemplateEditor/Channels/SMS/SMSEditor.d.ts +2 -1
  24. package/dist/components/TemplateEditor/Channels/SMS/SMSLayout.d.ts +1 -1
  25. package/dist/components/TemplateEditor/Layout/Layout.d.ts +2 -0
  26. package/dist/components/TemplateEditor/TemplateEditor.d.ts +3 -1
  27. package/dist/components/TemplateEditor/index.d.ts +3 -1
  28. package/dist/components/TemplateEditor/store.d.ts +3 -0
  29. package/dist/components/extensions/CustomCode/CustomCode.d.ts +11 -0
  30. package/dist/components/extensions/CustomCode/CustomCode.test.d.ts +1 -0
  31. package/dist/components/extensions/CustomCode/CustomCode.types.d.ts +11 -0
  32. package/dist/components/extensions/CustomCode/CustomCodeComponent.d.ts +9 -0
  33. package/dist/components/extensions/CustomCode/CustomCodeForm.d.ts +8 -0
  34. package/dist/components/extensions/CustomCode/MonacoCodeEditor.d.ts +22 -0
  35. package/dist/components/extensions/CustomCode/index.d.ts +6 -0
  36. package/dist/components/extensions/index.d.ts +1 -0
  37. package/dist/components/ui/Blocks/CustomCodeBlock/CustomCodeBlock.d.ts +3 -0
  38. package/dist/components/ui/Blocks/CustomCodeBlock/index.d.ts +1 -0
  39. package/dist/components/ui/Blocks/index.d.ts +1 -0
  40. package/dist/components/ui/ContentIcon/ContentIcon.d.ts +1 -0
  41. package/dist/components/ui/FormHeader/FormHeader.d.ts +1 -1
  42. package/dist/components/ui/MainLayout/MainLayout.d.ts +3 -1
  43. package/dist/components/ui-kit/Icon/RightToLineIcon.d.ts +3 -0
  44. package/dist/components/ui-kit/Icon/index.d.ts +1 -0
  45. package/dist/components/ui-kit/ThemeProvider/ThemeProvider.d.ts +2 -0
  46. package/dist/components/ui-kit/ThemeProvider/ThemeProvider.types.d.ts +3 -0
  47. package/dist/esm/index.css +1 -1
  48. package/dist/esm/index.css.map +2 -2
  49. package/dist/esm/index.js +47 -47
  50. package/dist/esm/index.js.map +4 -4
  51. package/dist/esm/styles.css +113 -67
  52. package/dist/styles.css +113 -67
  53. 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,18 +1220,12 @@ 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
  }
1222
1226
  .\!courier-w-fit {
1223
1227
  width: fit-content !important;
1224
1228
  }
1225
- .courier-w-0 {
1226
- width: 0px;
1227
- }
1228
1229
  .courier-w-0\.5 {
1229
1230
  width: 0.125rem;
1230
1231
  }
@@ -1279,6 +1280,9 @@ body {
1279
1280
  .courier-w-\[360px\] {
1280
1281
  width: 360px;
1281
1282
  }
1283
+ .courier-w-\[80vw\] {
1284
+ width: 80vw;
1285
+ }
1282
1286
  .courier-w-auto {
1283
1287
  width: auto;
1284
1288
  }
@@ -1361,10 +1365,6 @@ body {
1361
1365
  --tw-translate-x: -50%;
1362
1366
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1363
1367
  }
1364
- .courier-translate-x-full {
1365
- --tw-translate-x: 100%;
1366
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1367
- }
1368
1368
  .courier-translate-y-\[-50\%\] {
1369
1369
  --tw-translate-y: -50%;
1370
1370
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1611,6 +1611,10 @@ body {
1611
1611
  .courier-border-current {
1612
1612
  border-color: currentColor;
1613
1613
  }
1614
+ .courier-border-gray-300 {
1615
+ --tw-border-opacity: 1;
1616
+ border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
1617
+ }
1614
1618
  .courier-border-gray-400 {
1615
1619
  --tw-border-opacity: 1;
1616
1620
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
@@ -1703,6 +1707,9 @@ body {
1703
1707
  .courier-bg-black\/5 {
1704
1708
  background-color: rgb(0 0 0 / 0.05);
1705
1709
  }
1710
+ .courier-bg-black\/50 {
1711
+ background-color: rgb(0 0 0 / 0.5);
1712
+ }
1706
1713
  .courier-bg-black\/80 {
1707
1714
  background-color: rgb(0 0 0 / 0.8);
1708
1715
  }
@@ -2117,9 +2124,6 @@ body {
2117
2124
  .courier-caret-black {
2118
2125
  caret-color: #000;
2119
2126
  }
2120
- .courier-opacity-0 {
2121
- opacity: 0;
2122
- }
2123
2127
  .courier-opacity-100 {
2124
2128
  opacity: 1;
2125
2129
  }
@@ -2170,6 +2174,11 @@ body {
2170
2174
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
2171
2175
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2172
2176
  }
2177
+ .courier-shadow-xl {
2178
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
2179
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
2180
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2181
+ }
2173
2182
  .courier-shadow-black\/30 {
2174
2183
  --tw-shadow-color: rgb(0 0 0 / 0.3);
2175
2184
  --tw-shadow: var(--tw-shadow-colored);
@@ -2202,6 +2211,11 @@ body {
2202
2211
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2203
2212
  transition-duration: 150ms;
2204
2213
  }
2214
+ .courier-transition-opacity {
2215
+ transition-property: opacity;
2216
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2217
+ transition-duration: 150ms;
2218
+ }
2205
2219
  .courier-transition-transform {
2206
2220
  transition-property: transform;
2207
2221
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2285,14 +2299,13 @@ body {
2285
2299
  opacity: 1;
2286
2300
  }
2287
2301
  }
2288
- .lightTheme {
2289
- height: 100%;
2290
- }
2302
+ /* .theme-container {
2303
+ } */
2291
2304
  .courier-main-layout {
2292
2305
  position: relative;
2293
2306
  z-index: 10;
2294
2307
  display: flex;
2295
- min-height: 600px;
2308
+ height: 700px;
2296
2309
  min-width: 812px;
2297
2310
  flex-grow: 1;
2298
2311
  flex-direction: column;
@@ -2343,6 +2356,10 @@ body {
2343
2356
  animation-duration: 300ms;
2344
2357
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2345
2358
  }
2359
+ .courier-editor-sidebar:is(.courier-dark *) {
2360
+ --tw-bg-opacity: 1;
2361
+ background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
2362
+ }
2346
2363
  .courier-editor-loading {
2347
2364
  position: absolute;
2348
2365
  top: 0px;
@@ -2448,25 +2465,25 @@ body {
2448
2465
  .courier-editor-preview-mode .ProseMirror, .courier-editor-readonly .ProseMirror {
2449
2466
  pointer-events: none;
2450
2467
  }
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 * {
2468
+ .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
2469
  pointer-events: none;
2453
2470
  }
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 * {
2471
+ .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
2472
  cursor: default;
2456
2473
  }
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"] {
2474
+ .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
2475
  display: none;
2459
2476
  }
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 {
2477
+ .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
2478
  display: none;
2462
2479
  }
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 {
2480
+ .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
2481
  display: none;
2465
2482
  }
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"] {
2483
+ .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
2484
  display: none;
2468
2485
  }
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 {
2486
+ .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
2487
  display: none;
2471
2488
  }
2472
2489
  .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 +2764,67 @@ body {
2747
2764
  .ProseMirror>.react-renderer.node-paragraph:focus-visible {
2748
2765
  outline: none;
2749
2766
  }
2750
- .ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div {
2767
+ .ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div, .ProseMirror>.react-renderer.node-customCode p >div {
2751
2768
  position: relative;
2752
2769
  }
2753
- .ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div {
2770
+ .ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div, .ProseMirror>.react-renderer.node-customCode p >div {
2754
2771
  display: block;
2755
2772
  }
2756
- .ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div {
2773
+ .ProseMirror>.react-renderer.node-paragraph p >div, .ProseMirror>.react-renderer.node-blockquote p >div, .ProseMirror>.react-renderer.node-customCode p >div {
2757
2774
  cursor: text;
2758
2775
  }
2759
- .ProseMirror>.react-renderer.node-paragraph p >div[contenteditable="true"], .ProseMirror>.react-renderer.node-blockquote p >div[contenteditable="true"] {
2776
+ .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
2777
  outline: none;
2761
2778
  caret-color: currentColor;
2762
2779
  }
2763
2780
  .ProseMirror>.react-renderer.node-paragraph .is-empty p,
2764
2781
  .ProseMirror>.react-renderer.node-paragraph .is-empty blockquote,
2765
2782
  .ProseMirror>.react-renderer.node-blockquote .is-empty p,
2766
- .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote {
2783
+ .ProseMirror>.react-renderer.node-blockquote .is-empty blockquote,
2784
+ .ProseMirror>.react-renderer.node-customCode .is-empty p,
2785
+ .ProseMirror>.react-renderer.node-customCode .is-empty blockquote {
2767
2786
  position: relative;
2768
2787
  }
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 {
2788
+ .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
2789
  content: 'Write body text...';
2771
2790
  }
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 {
2791
+ .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
2792
  position: absolute;
2774
2793
  }
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 {
2794
+ .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
2795
  top: 0px;
2777
2796
  }
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 {
2797
+ .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 {
2798
+ left: 0px;
2799
+ }
2800
+ .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 {
2801
+ z-index: -10;
2802
+ }
2803
+ .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 {
2804
+ --tw-text-opacity: 1;
2805
+ color: rgb(115 115 115 / var(--tw-text-opacity, 1));
2806
+ }
2807
+ .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 {
2808
+ --tw-text-opacity: 1;
2809
+ color: rgb(163 163 163 / var(--tw-text-opacity, 1));
2810
+ }
2811
+ .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 {
2812
+ content: 'Add custom HTML code...';
2813
+ }
2814
+ .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 {
2815
+ position: absolute;
2816
+ }
2817
+ .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 {
2779
2818
  left: 0px;
2780
2819
  }
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 {
2820
+ .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 {
2782
2821
  z-index: -10;
2783
2822
  }
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 {
2823
+ .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 {
2785
2824
  --tw-text-opacity: 1;
2786
2825
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
2787
2826
  }
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 {
2827
+ .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
2828
  --tw-text-opacity: 1;
2790
2829
  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
2791
2830
  }
@@ -2835,7 +2874,8 @@ body {
2835
2874
  .ProseMirror>.react-renderer.node-divider,
2836
2875
  .ProseMirror>.react-renderer.node-paragraph,
2837
2876
  .ProseMirror>.react-renderer.node-heading,
2838
- .ProseMirror>.react-renderer.node-blockquote {
2877
+ .ProseMirror>.react-renderer.node-blockquote,
2878
+ .ProseMirror>.react-renderer.node-customCode {
2839
2879
  position: relative;
2840
2880
  }
2841
2881
  .ProseMirror>.react-renderer.node-imageBlock,
@@ -2843,44 +2883,45 @@ body {
2843
2883
  .ProseMirror>.react-renderer.node-divider,
2844
2884
  .ProseMirror>.react-renderer.node-paragraph,
2845
2885
  .ProseMirror>.react-renderer.node-heading,
2846
- .ProseMirror>.react-renderer.node-blockquote {
2886
+ .ProseMirror>.react-renderer.node-blockquote,
2887
+ .ProseMirror>.react-renderer.node-customCode {
2847
2888
  margin: 0px;
2848
2889
  }
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"] {
2890
+ .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
2891
  visibility: hidden;
2851
2892
  }
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"] {
2893
+ .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
2894
  visibility: visible;
2854
2895
  }
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 {
2896
+ .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
2897
  position: absolute;
2857
2898
  }
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 {
2899
+ .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
2900
  left: -12px;
2860
2901
  }
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 {
2902
+ .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
2903
  right: -12px;
2863
2904
  }
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 {
2905
+ .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
2906
  top: 0px;
2866
2907
  }
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 {
2908
+ .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
2909
  bottom: 0px;
2869
2910
  }
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 {
2911
+ .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
2912
  border-radius: calc(var(--radius) - 2px);
2872
2913
  }
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 {
2914
+ .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
2915
  border-width: 2px;
2875
2916
  }
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 {
2917
+ .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
2918
  border-color: var(--border);
2878
2919
  }
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 {
2920
+ .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
2921
  --tw-content: '';
2881
2922
  content: var(--tw-content);
2882
2923
  }
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 {
2924
+ .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
2925
  position: relative;
2885
2926
  }
2886
2927
  .ProseMirror>.react-renderer.node-imageBlock .node-element:focus,
@@ -2894,51 +2935,53 @@ body {
2894
2935
  .ProseMirror>.react-renderer.node-heading .node-element:focus,
2895
2936
  .ProseMirror>.react-renderer.node-heading .node-element:focus-visible,
2896
2937
  .ProseMirror>.react-renderer.node-blockquote .node-element:focus,
2897
- .ProseMirror>.react-renderer.node-blockquote .node-element:focus-visible {
2938
+ .ProseMirror>.react-renderer.node-blockquote .node-element:focus-visible,
2939
+ .ProseMirror>.react-renderer.node-customCode .node-element:focus,
2940
+ .ProseMirror>.react-renderer.node-customCode .node-element:focus-visible {
2898
2941
  outline: none;
2899
2942
  }
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 {
2943
+ .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
2944
  position: relative;
2902
2945
  }
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 {
2946
+ .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
2947
  z-index: 20;
2905
2948
  }
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 {
2949
+ .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
2950
  position: absolute;
2908
2951
  }
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 {
2952
+ .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
2953
  left: -12px;
2911
2954
  }
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 {
2955
+ .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
2956
  right: -12px;
2914
2957
  }
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 {
2958
+ .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
2959
  top: 0px;
2917
2960
  }
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 {
2961
+ .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
2962
  bottom: 0px;
2920
2963
  }
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 {
2964
+ .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
2965
  z-index: -10;
2923
2966
  }
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 {
2967
+ .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
2968
  border-radius: calc(var(--radius) - 2px);
2926
2969
  }
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 {
2970
+ .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
2971
  border-width: 1px;
2929
2972
  }
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 {
2973
+ .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
2974
  --tw-border-opacity: 1;
2932
2975
  border-color: rgb(0 133 255 / var(--tw-border-opacity, 1));
2933
2976
  }
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 {
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 {
2935
2978
  --tw-content: '';
2936
2979
  content: var(--tw-content);
2937
2980
  }
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 {
2981
+ .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
2982
  display: none;
2940
2983
  }
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 {
2984
+ .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
2985
  display: block;
2943
2986
  }
2944
2987
  .ProseMirror>.react-renderer.node-blockquote {
@@ -3450,6 +3493,9 @@ body {
3450
3493
  --tw-bg-opacity: 1;
3451
3494
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
3452
3495
  }
3496
+ .dark\:courier-bg-primary:is(.courier-dark *) {
3497
+ background-color: var(--primary);
3498
+ }
3453
3499
  .dark\:courier-bg-white:is(.courier-dark *) {
3454
3500
  --tw-bg-opacity: 1;
3455
3501
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));