npm - create-nextjs-cms - Versions diffs - 0.5.21 → 0.5.24 - Mend

create-nextjs-cms 0.5.21 → 0.5.24

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 (309) hide show

package/templates/default/public/tinymce/skins/ui/tinymce-5/skin.css CHANGED Viewed

@@ -1,10 +1,7 @@
 .tox {
   box-shadow: none;
   box-sizing: content-box;
-  color: #222f3e;
   cursor: auto;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-size: 16px;
   font-style: normal;
   font-weight: normal;
   line-height: normal;
@@ -56,6 +53,26 @@
   direction: rtl;
   text-align: right;
 }
+.tox-tinymce *:focus,
+.tox-tinymce-aux *:focus {
+  outline: none;
+}
+button::-moz-focus-inner {
+  border: 0;
+}
+@keyframes tox-rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.tox {
+  color: var(--tox-private-color-black, #222f3e);
+  font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+  font-size: var(--tox-private-font-size-base, 16px);
+}
 .tox-tinymce {
   border: 1px solid #cccccc;
   border-radius: 0;
@@ -63,7 +80,7 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
   overflow: hidden;
   position: relative;
   visibility: inherit !important;
@@ -84,26 +101,63 @@
   overflow: hidden;
 }
 .tox-tinymce-aux {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  z-index: 1300;
-}
-.tox-tinymce *:focus,
-.tox-tinymce-aux *:focus {
-  outline: none;
-}
-button::-moz-focus-inner {
-  border: 0;
+  font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+  z-index: var(--tox-private-z-index-sink, 1300);
 }
 .tox[dir=rtl] .tox-icon--flip svg {
   transform: rotateY(180deg);
 }
-@keyframes tox-rotation {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
+.tox .tox-editor-container {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+}
+.tox .tox-editor-header {
+  display: grid;
+  grid-template-columns: 1fr min-content;
+  z-index: 2;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  background-color: #fff;
+  border-bottom: none;
+  box-shadow: none;
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
+  transition: box-shadow 0.5s;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
+  border-top: 1px solid #cccccc;
+  box-shadow: none;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
+  background-color: #fff;
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+  padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
+  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
+}
+.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
+  background: none;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
+.tox-editor-dock-fadeout {
+  opacity: 0;
+  visibility: hidden;
+}
+.tox-editor-dock-fadein {
+  opacity: 1;
+  visibility: visible;
+}
+.tox-editor-dock-transition {
+  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
+}
+.tox-editor-dock-transition.tox-editor-dock-fadein {
+  transition-delay: 0s;
 }
 .tox .accessibility-issue__header {
   align-items: center;
@@ -313,138 +367,159 @@ button::-moz-focus-inner {
   flex: 0 0 auto;
 }
 .tox .tox-button {
-  background-color: #207ab7;
-  background-image: none;
-  background-position: 0 0;
-  background-repeat: repeat;
-  border-color: #207ab7;
-  border-radius: 3px;
-  border-style: solid;
-  border-width: 1px;
+  border-width: var(--tox-private-button-border-width, 1px);
+  border-style: var(--tox-private-button-border-style, solid);
+  border-radius: var(--tox-private-control-border-radius, 3px);
+  font-family: var(--tox-private-font-stack, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
+  font-size: var(--tox-private-button-font-size, 14px);
+  font-style: var(--tox-private-button-font-style, normal);
+  font-weight: var(--tox-private-button-font-weight, bold);
+  line-height: var(--tox-private-control-line-height, 24px);
+  padding: var(--tox-private-button-padding-y, 4px) var(--tox-private-button-padding-x, 16px);
+  text-align: center;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  text-transform: none;
+  letter-spacing: normal;
   box-shadow: none;
   box-sizing: border-box;
-  color: #fff;
   cursor: pointer;
-  display: inline-block;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-size: 14px;
-  font-style: normal;
-  font-weight: bold;
-  letter-spacing: normal;
-  line-height: 24px;
-  margin: 0;
   outline: none;
-  padding: 4px 16px;
   position: relative;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  text-transform: none;
   white-space: nowrap;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  gap: 2px;
 }
 .tox .tox-button::before {
-  border-radius: 3px;
-  bottom: -1px;
-  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px #207ab7;
+  border-radius: var(--tox-private-control-border-radius, 3px);
+  bottom: calc(-1 * var(--tox-private-button-border-width, 1px));
+  box-shadow: var(--tox-private-button-focus-outline, inset 0 0 0 1px #fff, 0 0 0 2px #207ab7);
   content: '';
-  left: -1px;
+  left: calc(-1 * var(--tox-private-button-border-width, 1px));
   opacity: 0;
   pointer-events: none;
   position: absolute;
-  right: -1px;
-  top: -1px;
+  right: calc(-1 * var(--tox-private-button-border-width, 1px));
+  top: calc(-1 * var(--tox-private-button-border-width, 1px));
+}
+.tox .tox-button:focus:not(:disabled) {
+  background-color: var(--tox-private-button-focus-background-color, #1c6ca1);
+  background-image: none;
+  border-color: var(--tox-private-button-focus-border-color, #1c6ca1);
+  box-shadow: var(--tox-private-button-focus-box-shadow, none);
+  color: var(--tox-private-button-focus-text-color, #fff);
+}
+.tox .tox-button:focus:not(:disabled)::before {
+  opacity: 1;
+}
+.tox .tox-button.tox-button--icon,
+.tox .tox-button:has(.tox-icon:only-child) {
+  padding: 4px;
+}
+.tox .tox-button .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
+.tox .tox-button .tox-icon.tox-icon--success svg {
+  fill: var(--tox-private-color-success, #78AB46);
+}
+.tox .tox-button .tox-icon.tox-icon--error svg {
+  fill: var(--tox-private-color-error, #c00);
+}
+.tox .tox-button--stretch {
+  width: 100%;
+}
+.tox-context-form__group .tox-button--icon,
+.tox-context-form__group .tox-button.tox-button--icon {
+  margin: 3px 0 2px 0;
+  padding: 0;
+}
+.tox {
+  /* TODO: Add `--primary` to class name. Currently, we treat primary as base in alloy */
+  /* TODO: Add `--primary` to class name. Currently, we treat primary as base in alloy */
+}
+.tox .tox-button {
+  background-color: var(--tox-private-button-primary-background-color, #207ab7);
+  background-image: none;
+  background-position: 0 0;
+  background-repeat: repeat;
+  color: var(--tox-private-button-primary-text-color, #fff);
+  border-color: var(--tox-private-button-primary-border-color, #207ab7);
+  /* Enabled state */
 }
 .tox .tox-button[disabled] {
-  background-color: #207ab7;
+  background-color: var(--tox-private-button-primary-disabled-background-color, #207ab7);
   background-image: none;
-  border-color: #207ab7;
-  box-shadow: none;
-  color: rgba(255, 255, 255, 0.5);
+  border-color: var(--tox-private-button-primary-disabled-border-color, #207ab7);
+  color: var(--tox-private-button-primary-disabled-text-color, rgba(255, 255, 255, 0.5));
   cursor: not-allowed;
 }
 .tox .tox-button:focus:not(:disabled) {
-  background-color: #1c6ca1;
+  background-color: var(--tox-private-button-primary-focus-background-color, #1c6ca1);
+  border-color: var(--tox-private-button-primary-focus-border-color, #1c6ca1);
+  color: var(--tox-private-button-primary-focus-text-color, #fff);
   background-image: none;
-  border-color: #1c6ca1;
   box-shadow: none;
-  color: #fff;
-}
-.tox .tox-button:focus:not(:disabled)::before {
-  opacity: 1;
 }
 .tox .tox-button:hover:not(:disabled) {
-  background-color: #1c6ca1;
+  background-color: var(--tox-private-button-primary-hover-background-color, #1c6ca1);
+  border-color: var(--tox-private-button-primary-hover-border-color, #1c6ca1);
+  color: var(--tox-private-button-primary-hover-text-color, #fff);
   background-image: none;
-  border-color: #1c6ca1;
   box-shadow: none;
-  color: #fff;
 }
 .tox .tox-button:active:not(:disabled) {
-  background-color: #185d8c;
+  background-color: var(--tox-private-button-primary-active-background-color, #185d8c);
+  border-color: var(--tox-private-button-primary-active-border-color, #185d8c);
+  color: var(--tox-private-button-primary-active-text-color, #fff);
   background-image: none;
-  border-color: #185d8c;
   box-shadow: none;
-  color: #fff;
 }
 .tox .tox-button.tox-button--enabled {
-  background-color: #185d8c;
+  background-color: var(--tox-private-button-primary-enabled-background-color, #185d8c);
+  border-color: var(--tox-private-button-primary-enabled-border-color, #185d8c);
+  color: var(--tox-private-button-primary-enabled-text-color, #fff);
   background-image: none;
-  border-color: #185d8c;
   box-shadow: none;
-  color: #fff;
 }
 .tox .tox-button.tox-button--enabled[disabled] {
-  background-color: #185d8c;
-  background-image: none;
-  border-color: #185d8c;
-  box-shadow: none;
-  color: rgba(255, 255, 255, 0.5);
+  color: var(--tox-private-button-primary-disabled-text-color, rgba(255, 255, 255, 0.5));
   cursor: not-allowed;
 }
 .tox .tox-button.tox-button--enabled:focus:not(:disabled) {
-  background-color: #154f76;
+  background-color: var(--tox-private-button-primary-enabled-focus-background-color, #154f76);
+  border-color: var(--tox-private-button-primary-enabled-focus-border-color, #154f76);
+  color: var(--tox-private-button-primary-enabled-focus-text-color, #fff);
   background-image: none;
-  border-color: #154f76;
   box-shadow: none;
-  color: #fff;
 }
 .tox .tox-button.tox-button--enabled:hover:not(:disabled) {
-  background-color: #154f76;
+  background-color: var(--tox-private-button-primary-enabled-hover-background-color, #154f76);
+  border-color: var(--tox-private-button-primary-enabled-hover-border-color, #154f76);
+  color: var(--tox-private-button-primary-enabled-hover-text-color, #fff);
   background-image: none;
-  border-color: #154f76;
   box-shadow: none;
-  color: #fff;
 }
 .tox .tox-button.tox-button--enabled:active:not(:disabled) {
-  background-color: #114060;
+  background-color: var(--tox-private-button-primary-enabled-active-background-color, #114060);
+  border-color: var(--tox-private-button-primary-enabled-active-border-color, #114060);
+  color: var(--tox-private-button-primary-enabled-active-text-color, #fff);
   background-image: none;
-  border-color: #114060;
   box-shadow: none;
-  color: #fff;
-}
-.tox .tox-button--icon-and-text,
-.tox .tox-button.tox-button--icon-and-text,
-.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
-  display: flex;
-  padding: 5px 4px;
-}
-.tox .tox-button--icon-and-text .tox-icon svg,
-.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
-.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
-  display: block;
-  fill: currentColor;
 }
 .tox .tox-button--secondary {
-  background-color: #f0f0f0;
+  background-color: var(--tox-private-button-secondary-background-color, #f0f0f0);
+  border-color: var(--tox-private-button-secondary-border-color, #f0f0f0);
+  color: var(--tox-private-button-secondary-text-color, #222f3e);
+  border-style: solid;
+  border-width: 1px;
   background-image: none;
   background-position: 0 0;
   background-repeat: repeat;
-  border-color: #f0f0f0;
   border-radius: 3px;
-  border-style: solid;
-  border-width: 1px;
   box-shadow: none;
-  color: #222f3e;
   font-size: 14px;
   font-style: normal;
   font-weight: bold;
@@ -454,146 +529,130 @@ button::-moz-focus-inner {
   -webkit-text-decoration: none;
   text-decoration: none;
   text-transform: none;
+  /* Enabled state */
 }
 .tox .tox-button--secondary[disabled] {
-  background-color: #f0f0f0;
+  background-color: var(--tox-private-button-secondary-disabled-background-color, #f0f0f0);
   background-image: none;
-  border-color: #f0f0f0;
-  box-shadow: none;
-  color: rgba(34, 47, 62, 0.5);
+  border-color: var(--tox-private-button-secondary-disabled-border-color, #f0f0f0);
+  color: var(--tox-private-button-secondary-disabled-text-color, rgba(34, 47, 62, 0.5));
+  cursor: not-allowed;
 }
 .tox .tox-button--secondary:focus:not(:disabled) {
-  background-color: #e3e3e3;
+  background-color: var(--tox-private-button-secondary-focus-background-color, #e3e3e3);
+  border-color: var(--tox-private-button-secondary-focus-border-color, #e3e3e3);
+  color: var(--tox-private-button-secondary-focus-text-color, #222f3e);
   background-image: none;
-  border-color: #e3e3e3;
   box-shadow: none;
-  color: #222f3e;
 }
 .tox .tox-button--secondary:hover:not(:disabled) {
-  background-color: #e3e3e3;
+  background-color: var(--tox-private-button-secondary-hover-background-color, #e3e3e3);
+  border-color: var(--tox-private-button-secondary-hover-border-color, #e3e3e3);
+  color: var(--tox-private-button-secondary-hover-text-color, #222f3e);
   background-image: none;
-  border-color: #e3e3e3;
   box-shadow: none;
-  color: #222f3e;
 }
 .tox .tox-button--secondary:active:not(:disabled) {
-  background-color: #d6d6d6;
+  background-color: var(--tox-private-button-secondary-active-background-color, #d6d6d6);
+  border-color: var(--tox-private-button-secondary-active-border-color, #d6d6d6);
+  color: var(--tox-private-button-secondary-active-text-color, #222f3e);
   background-image: none;
-  border-color: #d6d6d6;
   box-shadow: none;
-  color: #222f3e;
 }
 .tox .tox-button--secondary.tox-button--enabled {
-  background-color: #b1ccdf;
+  background-color: var(--tox-private-button-secondary-enabled-background-color, #b1ccdf);
+  border-color: var(--tox-private-button-secondary-enabled-border-color, #b1ccdf);
+  color: var(--tox-private-button-secondary-enabled-text-color, #222f3e);
   background-image: none;
-  border-color: #b1ccdf;
   box-shadow: none;
-  color: #222f3e;
 }
 .tox .tox-button--secondary.tox-button--enabled[disabled] {
-  background-color: #b1ccdf;
-  background-image: none;
-  border-color: #b1ccdf;
-  box-shadow: none;
-  color: rgba(34, 47, 62, 0.5);
+  color: var(--tox-private-button-secondary-disabled-text-color, rgba(34, 47, 62, 0.5));
+  cursor: not-allowed;
 }
 .tox .tox-button--secondary.tox-button--enabled:focus:not(:disabled) {
-  background-color: #9fc1d7;
+  background-color: var(--tox-private-button-secondary-enabled-focus-background-color, #9fc1d7);
+  border-color: var(--tox-private-button-secondary-enabled-focus-border-color, #9fc1d7);
+  color: var(--tox-private-button-secondary-enabled-focus-text-color, #222f3e);
   background-image: none;
-  border-color: #9fc1d7;
   box-shadow: none;
-  color: #222f3e;
 }
 .tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
-  background-color: #9fc1d7;
+  background-color: var(--tox-private-button-secondary-enabled-hover-background-color, #9fc1d7);
+  border-color: var(--tox-private-button-secondary-enabled-hover-border-color, #9fc1d7);
+  color: var(--tox-private-button-secondary-enabled-hover-text-color, #222f3e);
   background-image: none;
-  border-color: #9fc1d7;
   box-shadow: none;
-  color: #222f3e;
 }
 .tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
-  background-color: #8db5d0;
+  background-color: var(--tox-private-button-secondary-enabled-active-background-color, #8db5d0);
+  border-color: var(--tox-private-button-secondary-enabled-active-border-color, #8db5d0);
+  color: var(--tox-private-button-secondary-enabled-active-text-color, #222f3e);
   background-image: none;
-  border-color: #8db5d0;
   box-shadow: none;
-  color: #222f3e;
-}
-.tox .tox-button--icon,
-.tox .tox-button.tox-button--icon,
-.tox .tox-button.tox-button--secondary.tox-button--icon {
-  padding: 4px;
-}
-.tox .tox-button--icon .tox-icon svg,
-.tox .tox-button.tox-button--icon .tox-icon svg,
-.tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
-  display: block;
-  fill: currentColor;
-}
-.tox-context-form__group .tox-button--icon,
-.tox-context-form__group .tox-button.tox-button--icon {
-  margin: 3px 0 2px 0;
-  padding: 0;
-}
-.tox .tox-button-link {
-  background: 0;
-  border: none;
-  box-sizing: border-box;
-  cursor: pointer;
-  display: inline-block;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-size: 16px;
-  font-weight: normal;
-  line-height: 1.3;
-  margin: 0;
-  padding: 0;
-  white-space: nowrap;
-}
-.tox .tox-button-link--sm {
-  font-size: 14px;
 }
 .tox .tox-button--naked {
   background-color: transparent;
   border-color: transparent;
   box-shadow: unset;
-  color: #222f3e;
+  color: var(--tox-private-button-naked-text-color, #222f3e);
 }
 .tox .tox-button--naked[disabled] {
   background-color: #f0f0f0;
   border-color: #f0f0f0;
-  box-shadow: none;
-  color: rgba(34, 47, 62, 0.5);
+  color: var(--tox-private-button-naked-disabled-text-color, rgba(34, 47, 62, 0.5));
+  cursor: not-allowed;
 }
-.tox .tox-button--naked:hover:not(:disabled) {
-  background-color: #e3e3e3;
-  border-color: #e3e3e3;
+.tox .tox-button--naked:focus:not(:disabled) {
+  background-color: var(--tox-private-button-naked-focus-background-color, #e3e3e3);
+  border-color: var(--tox-private-button-naked-focus-border-color, #e3e3e3);
+  color: var(--tox-private-button-naked-focus-text-color, #222f3e);
   box-shadow: none;
-  color: #222f3e;
 }
-.tox .tox-button--naked:focus:not(:disabled) {
-  background-color: #e3e3e3;
-  border-color: #e3e3e3;
+.tox .tox-button--naked:hover:not(:disabled) {
+  background-color: var(--tox-private-button-naked-hover-background-color, #e3e3e3);
+  border-color: var(--tox-private-button-naked-hover-background-color, #e3e3e3);
+  color: var(--tox-private-button-naked-hover-text-color, #222f3e);
   box-shadow: none;
-  color: #222f3e;
 }
 .tox .tox-button--naked:active:not(:disabled) {
-  background-color: #d6d6d6;
-  border-color: #d6d6d6;
+  background-color: var(--tox-private-button-naked-active-background-color, #d6d6d6);
+  border-color: var(--tox-private-button-naked-active-border-color, #d6d6d6);
+  color: var(--tox-private-button-naked-active-text-color, #222f3e);
   box-shadow: none;
-  color: #222f3e;
 }
-.tox .tox-button--naked .tox-icon svg {
-  fill: currentColor;
+.tox .tox-button--secondary--outline {
+  background-color: transparent;
+  border-color: var(--tox-private-button-secondary-outline-border-color, #f0f0f0);
+  color: var(--tox-private-button-secondary-outline-text-color, #222f3e);
 }
-.tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
-  color: #222f3e;
+.tox .tox-button--secondary--outline:focus:not(:disabled) {
+  background-color: var(--tox-private-button-secondary-outline-focus-background-color, #e3e3e3);
+  border-color: var(--tox-private-button-secondary-outline-focus-border-color, #e3e3e3);
+  color: var(--tox-private-button-secondary-outline-focus-text-color, #222f3e);
+}
+.tox .tox-button--secondary--outline:hover:not(:disabled) {
+  background-color: var(--tox-private-button-secondary-outline-hover-background-color, #f0f0f0);
+  border-color: var(--tox-private-button-secondary-outline-hover-border-color, #e3e3e3);
+  color: var(--tox-private-button-secondary-outline-hover-text-color, #222f3e);
+}
+.tox .tox-button--secondary--outline:active:not(:disabled) {
+  background-color: var(--tox-private-button-secondary-outline-active-background-color, #e3e3e3);
+  border-color: var(--tox-private-button-secondary-outline-active-border-color, #e3e3e3);
+  color: var(--tox-private-button-secondary-outline-active-text-color, #222f3e);
+}
+.tox .tox-button--secondary--outline[disabled] {
+  background-color: var(--tox-private-button-secondary-outline-disabled-background-color, transparent);
+  border-color: var(--tox-private-button-secondary-outline-disabled-border-color, #f0f0f0);
+  color: var(--tox-private-button-secondary-outline-disabled-text-color, rgba(34, 47, 62, 0.5));
 }
 .tox .tox-checkbox {
   align-items: center;
-  border-radius: 3px;
+  border-radius: var(--tox-private-checkbox-border-radius, 3px);
   cursor: pointer;
   display: flex;
-  height: 36px;
-  min-width: 36px;
+  height: var(--tox-private-control-height, 36px);
+  min-width: var(--tox-private-control-height, 36px);
 }
 .tox .tox-checkbox__input {
   /* Hide from view but visible to screen readers */
@@ -604,19 +663,19 @@ button::-moz-focus-inner {
   width: 1px;
 }
 .tox .tox-checkbox__icons {
-  align-items: center;
-  border-radius: 3px;
-  box-shadow: 0 0 0 2px transparent;
-  box-sizing: content-box;
   display: flex;
-  height: 24px;
+  align-items: center;
   justify-content: center;
-  padding: calc(4px - 1px);
-  width: 24px;
+  box-sizing: content-box;
+  padding: var(--tox-private-pad-xs, calc(4px - 1px));
+  border-radius: var(--tox-private-checkbox-border-radius, 3px);
+  box-shadow: 0 0 0 2px transparent;
+  height: var(--tox-private-control-line-height, 24px);
+  aspect-ratio: 1;
 }
 .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
   display: block;
-  fill: rgba(34, 47, 62, 0.3);
+  fill: var(--tox-private-checkbox-unselected-color, rgba(34, 47, 62, 0.3));
 }
 @media (forced-colors: active) {
   .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
@@ -625,24 +684,24 @@ button::-moz-focus-inner {
 }
 .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
   display: none;
-  fill: #207ab7;
+  fill: var(--tox-private-checkbox-indeterminate-color, #207ab7);
 }
 .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
   display: none;
-  fill: #207ab7;
+  fill: var(--tox-private-checkbox-selected-color, #207ab7);
 }
 .tox .tox-checkbox--disabled {
-  color: rgba(34, 47, 62, 0.5);
+  color: var(--tox-private-checkbox-disabled-text-color, rgba(34, 47, 62, 0.5));
   cursor: not-allowed;
 }
 .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__checked svg {
-  fill: rgba(34, 47, 62, 0.5);
+  fill: var(--tox-private-checkbox-disabled-text-color, rgba(34, 47, 62, 0.5));
 }
 .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
-  fill: rgba(34, 47, 62, 0.5);
+  fill: var(--tox-private-checkbox-disabled-text-color, rgba(34, 47, 62, 0.5));
 }
 .tox .tox-checkbox--disabled .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
-  fill: rgba(34, 47, 62, 0.5);
+  fill: var(--tox-private-checkbox-disabled-text-color, rgba(34, 47, 62, 0.5));
 }
 .tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
   display: none;
@@ -657,27 +716,25 @@ button::-moz-focus-inner {
   display: block;
 }
 .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
-  border-radius: 3px;
-  box-shadow: inset 0 0 0 1px #207ab7;
-  padding: calc(4px - 1px);
+  box-shadow: var(--tox-private-checkbox-focus-box-shadow, inset 0 0 0 1px #207ab7);
 }
 .tox:not([dir=rtl]) .tox-checkbox__label {
-  margin-left: 4px;
+  margin-left: var(--tox-private-pad-xs, 4px);
 }
 .tox:not([dir=rtl]) .tox-checkbox__input {
   left: -10000px;
 }
 .tox:not([dir=rtl]) .tox-bar .tox-checkbox {
-  margin-left: 4px;
+  margin-left: var(--tox-private-pad-xs, 4px);
 }
 .tox[dir=rtl] .tox-checkbox__label {
-  margin-right: 4px;
+  margin-right: var(--tox-private-pad-xs, 4px);
 }
 .tox[dir=rtl] .tox-checkbox__input {
   right: -10000px;
 }
 .tox[dir=rtl] .tox-bar .tox-checkbox {
-  margin-right: 4px;
+  margin-right: var(--tox-private-pad-xs, 4px);
 }
 .tox .tox-collection--toolbar .tox-collection__group {
   display: flex;
@@ -1270,32 +1327,6 @@ button::-moz-focus-inner {
   /* Animation for deleting a comment */
   /* A comment fades to 0 when it is being deleted, then is removed */
 }
-.tox .tox-conversations {
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  height: 100%;
-  /* This is to give the sidebar a consistent width. Need a solution for this */
-  min-width: 300px;
-  max-width: 300px;
-  width: 300px;
-}
-.tox .tox-conversations__header {
-  align-items: center;
-  display: flex;
-  justify-content: space-between;
-  box-shadow: 0 4px 8px 0 rgba(34, 47, 62, 0.1);
-  padding: 8px 12px;
-  background: #fff;
-  z-index: 1;
-}
-.tox .tox-conversations__title {
-  font-size: 20px;
-  font-weight: 400;
-  padding: 8px 0 8px 0;
-  color: #222f3e;
-  line-height: 28px;
-}
 .tox .tox-comment {
   background: #fff;
   border: 1px solid #fff;
@@ -1527,28 +1558,6 @@ button::-moz-focus-inner {
 .tox .tox-comment[data-transitioning-destination="deleting"] {
   opacity: 0;
 }
-.tox .tox-skeleton .tox-skeleton__line {
-  height: 16px;
-  width: 100%;
-  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
-  animation: wave 2s infinite ease-out;
-}
-.tox .tox-skeleton .tox-skeleton__circle {
-  height: 36px;
-  width: 36px;
-  margin-right: 8px;
-  border-radius: 100%;
-  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
-  animation: wave 2s infinite ease-out;
-}
-@keyframes wave {
-  0% {
-    background-position: -268px 0;
-  }
-  100% {
-    background-position: 268px 0;
-  }
-}
 .tox .tox-ring-loader {
   width: 10px;
   height: 10px;
@@ -2102,58 +2111,6 @@ body.tox-dialog__disable-scroll {
 .tox.tox-inline-edit-area {
   border: 1px dotted #cccccc;
 }
-.tox .tox-editor-container {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  overflow: hidden;
-}
-.tox .tox-editor-header {
-  display: grid;
-  grid-template-columns: 1fr min-content;
-  z-index: 2;
-}
-.tox:not(.tox-tinymce-inline) .tox-editor-header {
-  background-color: #fff;
-  border-bottom: none;
-  box-shadow: none;
-  padding: 4px 0;
-}
-.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
-  transition: box-shadow 0.5s;
-}
-.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
-  border-top: 1px solid #cccccc;
-  box-shadow: none;
-}
-.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
-  background-color: #fff;
-  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
-  padding: 4px 0;
-}
-.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
-  box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25);
-}
-.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
-  background: none;
-  border: none;
-  box-shadow: none;
-  padding: 0;
-}
-.tox-editor-dock-fadeout {
-  opacity: 0;
-  visibility: hidden;
-}
-.tox-editor-dock-fadein {
-  opacity: 1;
-  visibility: visible;
-}
-.tox-editor-dock-transition {
-  transition: visibility 0s linear 0.25s, opacity 0.25s ease;
-}
-.tox-editor-dock-transition.tox-editor-dock-fadein {
-  transition-delay: 0s;
-}
 .tox .tox-control-wrap {
   flex: 1;
   position: relative;
@@ -2757,6 +2714,32 @@ body.tox-dialog__disable-scroll {
 .tox .tox-image-selector__picker-btn:hover {
   background: #dee0e2;
 }
+.tox .tox-context-toolbar {
+  position: absolute;
+  position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
+  z-index: 1150;
+  background-color: #ffffff;
+  border: 1px solid #e0e0e0;
+  border-radius: 9px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  padding: 4px;
+}
+.tox .tox-context-toolbar[popover] {
+  inset: auto;
+  margin: 0;
+}
+.tox .tox-context-toolbar .tox-toolbar {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 8px;
+}
+.tox .tox-context-toolbar .tox-toolbar__group {
+  display: flex;
+  flex-wrap: nowrap;
+  flex-shrink: 0;
+  gap: 4px;
+  align-items: center;
+}
 .tox .tox-insert-table-picker {
   background-color: #fff;
   display: flex;
@@ -2822,12 +2805,14 @@ body.tox-dialog__disable-scroll {
 .tox .tox-mentions__username {
   font-size: 14px;
   line-height: 21px;
+  color: #222f3e;
 }
 .tox .tox-mentions__description {
   font-size: 12px;
   line-height: 21px;
   color: rgba(34, 47, 62, 0.7);
 }
+.tox .tox-collection__item--active .tox-mentions__username,
 .tox .tox-collection__item--active .tox-mentions__description {
   color: inherit;
 }
@@ -2952,6 +2937,7 @@ body.tox-dialog__disable-scroll {
   z-index: 1;
 }
 .tox .tox-mbtn:focus:not(:disabled)::after {
+  pointer-events: none;
   border-radius: 3px;
   bottom: 0;
   box-shadow: 0 0 0 0 transparent ;
@@ -3222,7 +3208,7 @@ body.tox-dialog__disable-scroll {
   top: 0;
   left: 0;
   right: 0;
-  z-index: 1;
+  z-index: 1302;
   overflow: auto;
   display: grid;
   justify-content: center;
@@ -3536,7 +3522,7 @@ body.tox-dialog__disable-scroll {
   min-height: 0;
 }
 .tox .tox-sidebar {
-  background-color: #f0f0f0;
+  background-color: var(--tox-private-sidebar-background-color, #f0f0f0);
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
@@ -3561,6 +3547,122 @@ body.tox-dialog__disable-scroll {
 .tox .tox-sidebar--sliding-shrinking {
   transition: width 0.5s ease, opacity 0.5s ease;
 }
+.tox .tox-sidebar-content {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  height: 100%;
+  min-width: 300px;
+  max-width: 300px;
+  width: 300px;
+  border-left: 1px solid var(--tox-private-sidebar-border-color, #e3e3e3);
+}
+.tox .tox-sidebar-content__header {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+  box-shadow: var(--tox-private-sidebar-header-box-shadow, 0 4px 8px 0 rgba(34, 47, 62, 0.1));
+  padding: var(--tox-private-pad-sm, 8px) 12px;
+  background: var(--tox-private-background-color, #fff);
+  z-index: 1;
+}
+.tox .tox-sidebar-content__header .tox-sidebar-content__header-close-button {
+  margin-left: auto;
+}
+.tox .tox-sidebar-content__title {
+  font-size: var(--tox-private-font-size-lg, 20px);
+  font-weight: var(--tox-private-font-weight-normal, normal);
+  padding: var(--tox-private-pad-sm, 8px) 0 var(--tox-private-pad-sm, 8px) 0;
+  color: var(--tox-private-text-color, #222f3e);
+  line-height: 28px;
+}
+.tox .tox-floating-sidebar {
+  --tox-private-floating-sidebar-requested-height: 600px;
+  --tox-private-floating-sidebar-width: min(380px, 90vw);
+  --tox-private-floating-sidebar-height: min(var(--tox-private-floating-sidebar-requested-height), 80vh);
+  box-shadow: var(--tox-private-floating-sidebar-box-shadow, 0 0 40px 1px rgba(34, 47, 62, 0.15), 0 16px 16px -10px rgba(34, 47, 62, 0.15));
+  width: var(--tox-private-floating-sidebar-width);
+  height: var(--tox-private-floating-sidebar-height);
+  background-color: var(--tox-private-background-color, #fff);
+  border-radius: 12px;
+  overflow: hidden;
+}
+.tox .tox-floating-sidebar__content-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-floating-sidebar__header {
+  position: relative;
+}
+.tox-ai .tox-ai__user-prompt {
+  display: flex;
+  flex-direction: column;
+  margin-left: auto;
+  gap: inherit;
+}
+.tox-ai .tox-ai__user-prompt__context {
+  margin-left: auto;
+}
+.tox-ai .tox-ai__user-prompt__text {
+  background-color: var(--tox-private-ai-user-prompt-background, #f0f0f0);
+  padding: var(--tox-private-pad-sm, 8px) 12px;
+  border-radius: var(--tox-private-control-border-radius, 3px);
+  max-width: 80%;
+  align-self: flex-end;
+  color: var(--tox-private-text-color, #222f3e);
+}
+.tox-ai .tox-ai__scroll {
+  overflow: auto;
+  background-color: var(--tox-private-background-color, #fff);
+  display: flex;
+  padding: 12px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 12px;
+  flex: 1 0 0;
+  align-self: stretch;
+}
+.tox-ai .tox-ai__response-content {
+  padding: var(--tox-private-pad-sm, 8px) 0;
+  color: var(--tox-private-text-color, #222f3e);
+  font-feature-settings: 'liga' off, 'clig' off;
+  font-size: var(--tox-private-font-size-sm, 14px);
+  font-style: normal;
+  font-weight: var(--tox-private-font-weight-normal, normal);
+  line-height: var(--tox-private-line-height, 18px);
+  white-space: pre-wrap;
+}
+.tox-ai .tox-ai__response.tox-ai__response-streaming {
+  background: linear-gradient(180deg, var(--tox-private-color-black, #222f3e) 0%, transparent 100%);
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.tox-ai .tox-ai__error-message {
+  border-radius: var(--tox-private-panel-border-radius, 3px);
+  border: 1px solid var(--tox-private-color-error, #c00);
+  background: linear-gradient(0deg, color-mix(in srgb, var(--tox-private-color-white, #fff) 90%, transparent) 0%, color-mix(in srgb, var(--tox-private-color-white, #fff) 90%, transparent) 100%), var(--tox-private-color-error, #c00);
+  padding: var(--tox-private-pad-sm, 8px);
+  width: 100%;
+}
+.tox-ai .tox-ai__footer {
+  border-top: 1px solid var(--tox-private-ai-footer-border-color, #e3e3e3);
+  padding: 12px;
+  gap: var(--tox-private-pad-sm, 8px);
+  background-color: var(--tox-private-background-color, #fff);
+  display: flex;
+  flex-direction: column;
+}
+.tox-ai .tox-ai__context {
+  display: flex;
+  gap: 8px;
+}
+.tox-ai .tox-ai__footer-actions {
+  display: flex;
+  gap: var(--tox-private-pad-sm, 8px);
+}
 .tox .tox-selector {
   background-color: #4099ff;
   border-color: #4099ff;
@@ -3576,6 +3678,28 @@ body.tox-dialog__disable-scroll {
   height: 12px;
   width: 12px;
 }
+.tox .tox-skeleton .tox-skeleton__line {
+  height: 16px;
+  width: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+.tox .tox-skeleton .tox-skeleton__circle {
+  height: 36px;
+  width: 36px;
+  margin-right: 8px;
+  border-radius: 100%;
+  background: linear-gradient(to right, rgba(240, 240, 240, 0.5) 8%, rgba(240, 240, 240, 0.7) 18%, rgba(240, 240, 240, 0.5) 33%);
+  animation: wave 2s infinite ease-out;
+}
+@keyframes wave {
+  0% {
+    background-position: -268px 0;
+  }
+  100% {
+    background-position: 268px 0;
+  }
+}
 .tox .tox-slider {
   align-items: center;
   display: flex;
@@ -3713,6 +3837,10 @@ body.tox-dialog__disable-scroll {
 .tox[dir=rtl] .tox-spinner > div:not(:first-child) {
   margin-right: 4px;
 }
+.tox .tox-ai__spinner {
+  width: 24px;
+  height: 24px;
+}
 .tox .tox-statusbar {
   align-items: center;
   background-color: #fff;
@@ -3904,6 +4032,31 @@ body.tox-dialog__disable-scroll {
   margin-left: 0;
   margin-right: 0.3em;
 }
+.tox .tox-tag {
+  width: -moz-fit-content;
+  width: fit-content;
+  display: flex;
+  padding: 4px 6px;
+  align-items: center;
+  gap: 4px;
+  border-radius: 3px;
+  background: linear-gradient(0deg, color-mix(in srgb, var(--tox-private-color-white, #fff) 90%, transparent) 0%, color-mix(in srgb, var(--tox-private-color-white, #fff) 90%, transparent) 100%), var(--tox-private-color-tint, #207ab7);
+  line-height: var(--tox-private-base-value, 16px);
+  font-size: var(--tox-private-font-size-xs, 12px);
+}
+.tox .tox-tag .tox-tag__icon {
+  height: var(--tox-private-base-value, 16px);
+}
+.tox .tox-tag .tox-tag__close {
+  height: var(--tox-private-base-value, 16px);
+}
+.tox .tox-tag .tox-tag__close .tox-button.tox-button--icon {
+  border: 0;
+  padding: 0;
+}
+.tox .tox-tag .tox-tag__close .tox-button.tox-button--icon::before {
+  box-shadow: none;
+}
 .tox .tox-throbber {
   z-index: 1299;
 }
@@ -3918,6 +4071,59 @@ body.tox-dialog__disable-scroll {
   right: 0;
   top: 0;
 }
+.tox .tox-toggle {
+  display: flex;
+  align-items: center;
+  gap: var(--tox-private-pad-xs, 4px);
+  padding: var(--tox-private-pad-xs, 4px);
+  font-weight: var(--tox-private-font-weight-normal, normal);
+  line-height: var(--tox-private-control-line-height, 24px);
+  white-space: nowrap;
+  background-color: var(--tox-private-background-color, #fff);
+  color: var(--tox-private-text-color, #222f3e);
+}
+.tox .tox-toggle input {
+  position: absolute;
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.tox .tox-toggle__slider {
+  position: relative;
+  cursor: pointer;
+  box-sizing: border-box;
+  transition: 0.4s;
+  border-radius: 34px;
+  width: 28px;
+  height: 16px;
+  background-color: var(--tox-private-slider-background-color, #fff);
+  border: 1px solid var(--tox-private-slider-border-color, #e3e3e3);
+}
+.tox .tox-toggle__slider::before {
+  position: absolute;
+  content: "";
+  height: 12px;
+  width: 12px;
+  left: 1px;
+  bottom: 1px;
+  transition: 0.4s;
+  border-radius: 50%;
+  background-color: var(--tox-private-slider-handle-background-color, #222f3e);
+}
+.tox input:checked + .tox-toggle__slider {
+  background-color: var(--tox-private-slider-checked-background-color, #207ab7);
+  border: 1px solid var(--tox-private-slider-checked-border-color, #207ab7);
+}
+.tox input:focus + .tox-toggle__slider {
+  box-shadow: 0 0 0 1px var(--tox-private-color-white, #fff), 0 0 0 2px var(--tox-private-color-tint, #207ab7);
+}
+.tox input:checked + .tox-toggle__slider::before {
+  transform: translateX(12px);
+  background-color: var(--tox-private-slider-checked-handle-background-color, #fff);
+}
+.tox input:disabled + .tox-toggle__slider::before {
+  opacity: 50%;
+}
 .tox .tox-tbtn {
   align-items: center;
   background: #fff;
@@ -3938,6 +4144,9 @@ body.tox-dialog__disable-scroll {
   text-transform: none;
   width: 34px;
 }
+.tox .tox-tbtn .tox-tbtn__icon-wrap {
+  pointer-events: none;
+}
 @media (forced-colors: active) {
   .tox .tox-tbtn:hover,
   .tox .tox-tbtn.tox-tbtn:hover {
@@ -4347,25 +4556,19 @@ body.tox-dialog__disable-scroll {
 .tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
   cursor: not-allowed;
 }
-.tox .tox-split-button {
-  border: 0;
-  border-radius: 3px;
-  box-sizing: border-box;
-  display: flex;
-  margin: 3px 0 2px 0;
-}
-.tox .tox-split-button:hover {
-  box-shadow: 0 0 0 1px #dee0e2 inset;
+.tox .tox-split-button__main {
+  border-radius: 3px 0 0 3px;
+  margin-right: 0;
 }
-.tox .tox-split-button:focus {
-  background: #dee0e2;
+.tox .tox-split-button__main:focus {
+  border: 0;
   box-shadow: none;
+  background: #dee0e2;
   color: #222f3e;
   position: relative;
   z-index: 1;
 }
-.tox .tox-split-button:focus::after {
-  pointer-events: none;
+.tox .tox-split-button__main:focus::after {
   border-radius: 3px;
   bottom: 0;
   box-shadow: 0 0 0 0 transparent ;
@@ -4374,25 +4577,41 @@ body.tox-dialog__disable-scroll {
   position: absolute;
   right: 0;
   top: 0;
+  border-radius: 3px 0 0 3px;
 }
 @media (forced-colors: active) {
-  .tox .tox-split-button:focus::after {
+  .tox .tox-split-button__main:focus::after {
     border: 2px solid highlight;
   }
 }
-.tox .tox-split-button > * {
-  border-radius: 0;
+.tox .tox-split-button__chevron {
+  width: 16px;
+  border-radius: 0 3px 3px 0;
+  margin-left: 0;
 }
-.tox .tox-split-button > *:nth-child(1) {
-  border-bottom-left-radius: 3px;
-  border-top-left-radius: 3px;
+.tox .tox-split-button__chevron:focus {
+  border: 0;
+  box-shadow: none;
+  background: #dee0e2;
+  color: #222f3e;
+  position: relative;
+  z-index: 1;
 }
-.tox .tox-split-button > *:nth-child(2) {
-  border-bottom-right-radius: 3px;
-  border-top-right-radius: 3px;
+.tox .tox-split-button__chevron:focus::after {
+  border-radius: 3px;
+  bottom: 0;
+  box-shadow: 0 0 0 0 transparent ;
+  content: '';
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  border-radius: 0 3px 3px 0;
 }
-.tox .tox-split-button__chevron {
-  width: 16px;
+@media (forced-colors: active) {
+  .tox .tox-split-button__chevron:focus::after {
+    border: 2px solid highlight;
+  }
 }
 .tox .tox-split-button__chevron svg {
   fill: rgba(34, 47, 62, 0.5);
@@ -4402,31 +4621,32 @@ body.tox-dialog__disable-scroll {
     fill: currentColor;
   }
 }
-.tox .tox-split-button .tox-tbtn {
-  margin: 0;
+.tox.tox-platform-touch .tox-split-button__main {
+  width: 30px;
 }
-.tox .tox-split-button:focus .tox-tbtn {
-  background-color: transparent;
+.tox.tox-platform-touch .tox-split-button__chevron {
+  width: 20px;
 }
-.tox .tox-split-button.tox-tbtn--disabled:hover,
-.tox .tox-split-button.tox-tbtn--disabled:focus,
-.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:hover,
-.tox .tox-split-button.tox-tbtn--disabled .tox-tbtn:focus {
+.tox .tox-split-button__main.tox-tbtn--disabled,
+.tox .tox-split-button__chevron.tox-tbtn--disabled {
   background: #fff;
   box-shadow: none;
   color: rgba(34, 47, 62, 0.5);
 }
-.tox.tox-platform-touch .tox-split-button .tox-tbtn--select {
-  padding: 0 0px;
-}
-.tox.tox-platform-touch .tox-split-button .tox-tbtn:not(.tox-tbtn--select):first-child {
-  width: 30px;
+.tox .tox-split-button__main.tox-tbtn--disabled:hover,
+.tox .tox-split-button__chevron.tox-tbtn--disabled:hover {
+  background: #fff;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
 }
-.tox.tox-platform-touch .tox-split-button__chevron {
-  width: 20px;
+.tox .tox-split-button__main.tox-tbtn--disabled:focus,
+.tox .tox-split-button__chevron.tox-tbtn--disabled:focus {
+  background: #fff;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
 }
-.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-text-color__color,
-.tox .tox-split-button.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
+.tox .tox-split-button__main.tox-tbtn--disabled svg .tox-icon-text-color__color,
+.tox .tox-split-button__main.tox-tbtn--disabled svg .tox-icon-highlight-bg-color__color {
   opacity: 0.3;
 }
 .tox .tox-toolbar-overlord {
@@ -4562,15 +4782,8 @@ body.tox-dialog__disable-scroll {
 }
 .tox .tox-tooltip {
   display: inline-block;
-  max-width: 15em;
-  padding: 8px;
-  /*
-     * The pointer-events: none is designed to make mouse events bleed through the tooltip
-     * to the underlying items. For example, a mouse hovering over a tooltip that hovers over
-     * another item should trigger the hover of the item obscured by the tooltip, even though
-     * the tooltip is on top
-     */
-  pointer-events: none;
+  max-width: min(80%, 15em);
+  padding: 8px 0 0 0;
   position: relative;
   width: max-content;
   z-index: 1150;
@@ -4825,8 +5038,118 @@ body.tox-dialog__disable-scroll {
   display: flex;
   justify-content: space-between;
 }
-.tox .tox-revisionhistory__pane {
-  padding: 0 !important;
+[data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
+  fill: #c00;
+  stroke: #c00;
+}
+.tox .tox-view-wrap,
+.tox .tox-view-wrap__slot-container {
+  background-color: #fff;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  height: 100%;
+}
+.tox .tox-view {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  overflow: hidden;
+  background-color: #fff;
+}
+.tox .tox-view__header {
+  align-items: center;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px;
+  position: relative;
+}
+.tox .tox-view__label {
+  color: #222f3e;
+  font-weight: bold;
+  line-height: 24px;
+  padding: 4px 16px;
+  text-align: center;
+  white-space: nowrap;
+}
+.tox .tox-view__label--normal {
+  font-size: 16px;
+}
+.tox .tox-view__label--large {
+  font-size: 20px;
+}
+.tox .tox-view--mobile.tox-view__header,
+.tox .tox-view--mobile.tox-view__toolbar {
+  padding: 8px;
+}
+.tox .tox-view--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-view__align-right {
+  margin-left: auto;
+}
+.tox .tox-view__toolbar {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  justify-content: space-between;
+  overflow-x: auto;
+  padding: 8px;
+}
+.tox .tox-view__toolbar__group {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
+.tox .tox-view__header-start,
+.tox .tox-view__header-end {
+  display: flex;
+}
+.tox .tox-view__pane {
+  height: 100%;
+  padding: 8px;
+  position: relative;
+  width: 100%;
+}
+.tox .tox-view__pane_panel {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+}
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
+.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
+  margin-right: 8px;
+}
+.tox .tox-well {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  padding: 8px;
+  width: 100%;
+}
+.tox .tox-well > *:first-child {
+  margin-top: 0;
+}
+.tox .tox-well > *:last-child {
+  margin-bottom: 0;
+}
+.tox .tox-well > *:only-child {
+  margin: 0;
+}
+.tox .tox-custom-editor {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+}
+.tox .tox-view .tox-revisionhistory__pane {
+  padding: 0;
   /* Override the default padding of tox-view__pane */
 }
 .tox .tox-revisionhistory__container {
@@ -4840,15 +5163,11 @@ body.tox-dialog__disable-scroll {
   display: flex;
   flex: 1;
   height: 100%;
-  margin-top: 8px;
   overflow-x: auto;
   overflow-y: hidden;
   position: relative;
   width: 100%;
 }
-.tox .tox-revisionhistory--align-right {
-  margin-left: auto;
-}
 .tox .tox-revisionhistory__iframe {
   flex: 1;
 }
@@ -4911,7 +5230,6 @@ body.tox-dialog__disable-scroll {
   display: flex;
   flex-direction: column;
   font-size: 14px;
-  gap: 12px;
   padding: 12px;
   width: 100%;
 }
@@ -4962,35 +5280,38 @@ body.tox-dialog__disable-scroll {
     border: 2px solid highlight;
   }
 }
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date {
-  display: flex;
-  gap: 12px;
-  justify-content: space-between;
-}
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
-  font-size: 16px;
-  line-height: 24px;
-}
 .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-label {
+  display: block;
+  width: min-content;
+  padding: 4px 8px;
+  margin-bottom: 8px;
   font-size: 12px;
-  font-weight: 600;
-  line-height: 24px;
-  padding: 0;
+  font-weight: bold;
+  border-radius: 4px;
+  background: #d3d5d8;
 }
-.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author {
-  align-items: center;
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-content {
   display: flex;
-  flex: 1 0 0;
+  flex-direction: row;
   gap: 8px;
-  height: 36px;
+  align-items: center;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-info {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+.tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-date-label {
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 18px;
 }
 .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__card-author-name {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 14px;
-  font-weight: 700;
-  line-height: 18px;
+  font-size: 12px;
+  font-weight: normal;
 }
 .tox .tox-revisionhistory__sidebar .tox-revisionhistory__revisions .tox-revisionhistory__avatar {
   border-radius: 50%;
@@ -5009,111 +5330,264 @@ body.tox-dialog__disable-scroll {
   color: #222f3e;
   height: 24px;
 }
-[data-mce-name="uploadcare-enhance-filter"] .color-swatch-remove-color path {
-  fill: #c00;
-  stroke: #c00;
+.tox [data-mce-name="suggestededits"] .tox-icon .tox-icon--badge {
+  fill: #207ab7;
 }
-.tox .tox-view-wrap,
-.tox .tox-view-wrap__slot-container {
+.tox .tox-view .tox-suggestededits__pane {
+  padding: 0;
+  /* Override the default padding of tox-view__pane */
+}
+.tox .tox-suggestededits__sink {
+  position: relative;
+  z-index: 1000;
+}
+.tox .tox-suggestededits__sink .tox-tiered-menu .tox-collection--list {
+  position: absolute;
+}
+.tox .tox-suggestededits__container {
+  height: 100%;
+  /* TINY-12393: Improve height calculation */
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-suggestededits__container .tox-suggestededits {
   background-color: #fff;
+  border-top: 1px solid #cccccc;
   display: flex;
   flex: 1;
-  flex-direction: column;
+  height: inherit;
+  overflow-x: auto;
+  overflow-y: hidden;
+  position: relative;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__content {
+  flex: 1;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__model {
   height: 100%;
+  position: relative;
 }
-.tox .tox-view {
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__model .tox-suggestededits__iframe {
+  height: 100%;
+  width: 100%;
+  overflow: scroll;
+  background-color: #fff;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar {
+  background-color: #f0f0f0;
   display: flex;
-  flex: 1 1 auto;
   flex-direction: column;
-  overflow: hidden;
+  flex: 0 1 auto;
+  min-width: 248px;
+  width: 316px;
 }
-.tox .tox-view__header {
-  align-items: center;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-header {
+  padding: 4px 12px;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content {
   display: flex;
-  font-size: 16px;
-  justify-content: space-between;
-  padding: 8px 8px 0 8px;
+  flex: 1;
+  flex-direction: column;
+  gap: 12px;
+  overflow: auto;
+  padding: 6px 12px 12px 12px;
   position: relative;
 }
-.tox .tox-view__label {
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card {
+  background-color: #fff;
+  border-radius: 6px;
+  padding: 6px;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--divider {
+  background-color: #f0f0f0;
+  height: 1px;
+  width: 100%;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--single,
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--editor {
+  align-items: flex-start;
+  align-self: stretch;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 6px;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header {
+  display: flex;
+  flex: auto;
+  justify-content: space-between;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user {
+  display: flex;
+  align-items: center;
+  flex: 1 0 0;
+  gap: 8px;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user .tox-suggestededits__card--avatar {
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user .tox-suggestededits__card--avatar .tox-skeleton__circle,
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user .tox-suggestededits__card--avatar img {
+  height: 24px;
+  width: 24px;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user .tox-suggestededits__card--details {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--user .tox-suggestededits__card--details .tox-suggestededits__card--name {
   color: #222f3e;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--feedback-user {
+  display: flex;
+  align-items: center;
+  flex: 1 0 0;
+  gap: 8px;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--feedback-user .tox-suggestededits__card--avatar {
+  height: 36px;
+  width: 36px;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--feedback-user .tox-suggestededits__card--details {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--feedback-user .tox-suggestededits__card--details .tox-suggestededits__card--name {
+  color: #222f3e;
+  font-size: 14px;
   font-weight: bold;
-  line-height: 24px;
-  padding: 4px 16px;
-  text-align: center;
-  white-space: nowrap;
 }
-.tox .tox-view__label--normal {
-  font-size: 16px;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__card--feedback-user .tox-suggestededits__card--details .tox-suggestededits__card--timestamp {
+  color: #222f3e;
+  font-size: 12px;
+  line-height: 18px;
 }
-.tox .tox-view__label--large {
-  font-size: 20px;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__resolution {
+  align-items: center;
+  border: 0;
+  border-radius: 20px;
+  height: 20px;
+  width: 20px;
+  display: flex;
+  flex: 0 0 auto;
+  justify-content: center;
+  text-align: center;
 }
-.tox .tox-view--mobile.tox-view__header,
-.tox .tox-view--mobile.tox-view__toolbar {
-  padding: 8px;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__resolution.tox-suggestededits__resolution--accepted .tox-icon svg {
+  fill: #78AB46;
 }
-.tox .tox-view--scrolling {
-  flex-wrap: nowrap;
-  overflow-x: auto;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--header .tox-suggestededits__resolution.tox-suggestededits__resolution--rejected .tox-icon svg {
+  fill: #c00;
 }
-.tox .tox-view__toolbar {
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content {
   display: flex;
-  flex-direction: row;
-  gap: 8px;
-  justify-content: space-between;
-  overflow-x: auto;
-  padding: 8px 8px 0 8px;
+  flex-direction: column;
+  align-self: stretch;
+  flex: auto;
+  gap: 6px;
+  width: 100%;
 }
-.tox .tox-view__toolbar__group {
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations {
   display: flex;
-  flex-direction: row;
-  gap: 12px;
+  gap: 8px;
 }
-.tox .tox-view__header-start,
-.tox .tox-view__header-end {
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations .tox-suggestededits__operations-bar {
+  align-items: center;
+  border-radius: 6px;
   display: flex;
+  flex-direction: column;
+  font-size: 12px;
+  justify-content: space-between;
+  width: 6px;
 }
-.tox .tox-view__pane {
-  height: 100%;
-  padding: 8px;
-  position: relative;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations .tox-suggestededits__operations-bar--insert {
+  background-color: #78AB46;
   width: 100%;
 }
-.tox .tox-view__pane_panel {
-  border: 1px solid #cccccc;
-  border-radius: 3px;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations .tox-suggestededits__operations-bar--modify {
+  background-color: #207ab7;
+  width: 100%;
 }
-.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
-.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
-  margin-left: 8px;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations .tox-suggestededits__operations-bar--remove {
+  background-color: #c00;
+  width: 100%;
 }
-.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
-.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
-  margin-right: 8px;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__operations .tox-suggestededits__operations-text {
+  color: #222f3e;
+  font-weight: bold;
 }
-.tox .tox-well {
-  border: 1px solid #cccccc;
-  border-radius: 3px;
-  padding: 8px;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__card--feedback {
+  color: #222f3e;
   width: 100%;
 }
-.tox .tox-well > *:first-child {
-  margin-top: 0;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__card--textarea {
+  border: 2px solid #cccccc;
+  border-radius: 6px;
+  color: #222f3e;
+  gap: 8px;
+  padding: 5px 6px;
+  resize: none;
+  width: 100%;
 }
-.tox .tox-well > *:last-child {
-  margin-bottom: 0;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--content .tox-suggestededits__card--textarea:focus {
+  border: 2px solid #207ab7;
 }
-.tox .tox-well > *:only-child {
-  margin: 0;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--footer {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  width: 100%;
 }
-.tox .tox-custom-editor {
-  border: 1px solid #cccccc;
-  border-radius: 3px;
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--footer .tox-suggestededits__card--timestamp {
+  color: #222f3e;
+  font-size: 12px;
+  line-height: 18px;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--footer .tox-suggestededits__card--timestamp .tox-icon svg {
+  fill: #222F3E80;
+  transform: translate(0px, 8px);
+  margin-top: -10px;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--buttons {
   display: flex;
-  flex: 1;
-  overflow: hidden;
-  position: relative;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--buttons.tox-suggestededits__card--review-buttons {
+  justify-content: space-between;
+  padding: 6px;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card .tox-suggestededits__card--buttons.tox-suggestededits__card--feedback-buttons {
+  justify-content: flex-end;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--hidden {
+  opacity: 0.5;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--resolved {
+  background-color: #d3d5d8;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active:focus,
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active:focus-visible {
+  outline: 2px solid #207ab7;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active .tox-suggestededits__card--single {
+  border-radius: 6px;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active .tox-suggestededits__card--single:focus,
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card.tox-suggestededits__card--active .tox-suggestededits__card--single:focus-visible {
+  outline: 2px solid #207ab7;
+}
+.tox .tox-suggestededits__container .tox-suggestededits .tox-suggestededits__sidebar-content .tox-suggestededits__card:hover {
+  box-shadow: 0 4px 8px 0 #d3d5d8;
 }
 /* stylelint-disable */
 .tox {