tinymce/skins/ui/oxide/skin.css

Web based JavaScript HTML WYSIWYG editor control.

.tox {
  box-shadow: none;
  box-sizing: content-box;
  cursor: auto;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  vertical-align: initial;
  white-space: normal;
}
.tox *:not(svg):not(rect) {
  box-sizing: inherit;
  color: inherit;
  cursor: inherit;
  direction: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-tap-highlight-color: inherit;
  text-align: inherit;
  text-decoration: inherit;
  text-shadow: inherit;
  text-transform: inherit;
  vertical-align: inherit;
  white-space: inherit;
}
.tox *:not(svg):not(rect) {
  /* stylelint-disable-line no-duplicate-selectors */
  background: transparent;
  border: 0;
  box-shadow: none;
  float: none;
  height: auto;
  margin: 0;
  max-width: none;
  outline: 0;
  padding: 0;
  position: static;
  width: auto;
}
.tox:not([dir=rtl]) {
  direction: ltr;
  text-align: left;
}
.tox[dir=rtl] {
  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);
  }
}
@keyframes tox-bouncing-dots {
  0%,
  80%,
  100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.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: 2px solid #eeeeee;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  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;
}
.tox.tox-tinymce-inline {
  border: none;
  box-shadow: none;
  overflow: initial;
}
.tox.tox-tinymce-inline .tox-editor-container {
  overflow: initial;
}
.tox.tox-tinymce-inline .tox-editor-header {
  background-color: #fff;
  border: 2px solid #eeeeee;
  border-radius: 10px;
  box-shadow: none;
  overflow: hidden;
}
.tox-tinymce-aux {
  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);
}
.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: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
  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 #e3e3e3;
  box-shadow: none;
}
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on .tox-editor-header {
  background-color: #fff;
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
  padding: 4px 0;
}
.tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
}
.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;
  display: flex;
  margin-bottom: 4px;
}
.tox #accessibility-issue__subheader {
  font-size: 16px;
  color: #222f3e;
}
.tox .accessbility-sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(0 0 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}
.tox .accessibility-issue__description {
  align-items: stretch;
  border-radius: 6px;
  justify-content: space-between;
}
.tox .accessibility-issue__description > div {
  padding-bottom: 4px;
}
.tox .accessibility-issue__description > div > div {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
}
.tox .accessibility-issue__description > div > div .tox-icon svg {
  display: block;
}
.tox #accessibility-issue__contentID {
  margin-top: 8px;
  margin-bottom: 8px;
}
.tox #accessibility-issue__contentID span:first-child {
  font-weight: bold;
}
.tox #accessibility-issue__document {
  padding-bottom: 8px;
}
.tox .accessibility-issue__repair {
  margin-top: 8px;
}
.tox .accessibility-issue__repair .tox-form__group .tox-form__group--error {
  color: #c00;
}
.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
  background-color: #e6f0fd;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
  font-size: 14px;
  color: #006ce7;
}
.tox .tox-dialog__body-content .accessibility-issue--info .tox-icon.accessibility-issue__icon svg {
  fill: #006ce7;
}
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
  background-color: #006ce7;
  color: #fff;
}
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
  background-color: #0060ce;
}
.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
  background-color: #0054b4;
}
.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
  background-color: #fffae6;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
  font-size: 14px;
  color: #7a6e25;
}
.tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon.accessibility-issue__icon svg {
  fill: #7a6e25;
}
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
  background-color: #FFE89D;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
  background-color: #F2D574;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
  background-color: #E8C657;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
  background-color: #fae6e6;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
  font-size: 14px;
  color: #c00;
}
.tox .tox-dialog__body-content .accessibility-issue--error .tox-icon.accessibility-issue__icon svg {
  fill: #c00;
}
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
  background-color: #F2BFBF;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
  background-color: #E9A4A4;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
  background-color: #EE9494;
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
  background-color: rgba(120, 171, 70, 0.1);
  color: #222f3e;
}
.tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
  display: none;
}
.tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
  color: #527530;
}
.tox .tox-dialog__body-content .accessibility-issue--success .tox-icon.accessibility-issue__icon svg {
  fill: #527530;
}
.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
.tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
  margin-top: 0;
}
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
  margin-left: 4px;
}
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
  margin-left: auto;
}
.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
  padding: 8px;
}
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
  margin-right: 4px;
}
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header > *:nth-last-child(2) {
  margin-right: auto;
}
.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
  padding: 4px 8px 4px 4px;
}
.tox .mce-codemirror {
  background: #fff;
  bottom: 0;
  font-size: 13px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.tox .mce-codemirror.tox-inline-codemirror {
  margin: 8px;
  position: absolute;
}
.tox .tox-advtemplate .tox-form__grid {
  flex: 1;
}
.tox .tox-advtemplate .tox-form__grid > div:first-child {
  display: flex;
  flex-direction: column;
  width: 30%;
}
.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
  flex-basis: 0;
  flex-grow: 1;
  overflow: auto;
}
@media only screen and (max-width: 767px ) {
  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
    width: 100%;
  }
}
.tox .tox-advtemplate iframe {
  border-color: #eeeeee;
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  margin: 0 10px;
}
.tox .tox-accordion {
  display: flex;
  flex-direction: column;
  gap: var(--tox-private-pad-sm, 8px);
}
.tox .tox-accordion__item {
  background-color: var(--tox-private-background-color, #fff);
  color: var(--tox-private-text-color, #222f3e);
  border-radius: var(--tox-private-control-border-radius, 6px);
  position: relative;
}
.tox .tox-accordion__item.tox-accordion__item--expanded {
  background-color: var(--tox-private-accordion-item-background-color, #f7f7f7);
}
.tox .tox-accordion__item.tox-accordion__item--expanded .tox-accordion__content--expanded .tox-accordion__content-inner {
  padding-top: var(--tox-private-pad-xs, 4px);
}
.tox .tox-accordion__item::after {
  border-radius: var(--tox-private-control-border-radius, 6px);
  box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 2px) var(--tox-private-keyboard-focus-outline-color, #006ce7);
  content: '';
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
@media (forced-colors: active) {
  .tox .tox-accordion__item::after {
    border: 2px solid highlight;
  }
}
.tox .tox-accordion__item:focus {
  outline: none;
  z-index: 1;
}
.tox .tox-accordion__item:focus::after {
  opacity: 1;
}
.tox .tox-accordion__heading {
  margin: 0;
  width: 100%;
}
.tox .tox-accordion__heading:focus {
  outline: none;
}
.tox .tox-accordion__header {
  align-items: center;
  border: none;
  border-radius: var(--tox-private-control-border-radius, 6px);
  box-sizing: border-box;
  color: var(--tox-private-text-color, #222f3e);
  cursor: pointer;
  display: flex;
  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-md, 16px);
  font-weight: var(--tox-private-font-weight-bold, bold);
  line-height: var(--tox-private-line-height-base, 1.3);
  outline: none;
  padding: calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
  text-align: left;
  width: 100%;
}
.tox .tox-accordion__header::after {
  border-radius: var(--tox-private-control-border-radius, 6px);
  bottom: 0;
  box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 2px) var(--tox-private-keyboard-focus-outline-color, #006ce7);
  content: '';
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
@media (forced-colors: active) {
  .tox .tox-accordion__header::after {
    border: 2px solid highlight;
  }
}
.tox .tox-accordion__header:hover:not(.tox-accordion__header--disabled) {
  background-color: var(--tox-private-accordion-header-hover-background-color, #ebebeb);
}
.tox .tox-accordion__header:focus:not(.tox-accordion__header--disabled) {
  position: relative;
  z-index: 1;
}
.tox .tox-accordion__header:focus:not(.tox-accordion__header--disabled)::after {
  opacity: 1;
}
.tox .tox-accordion__header.tox-accordion__header--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.tox .tox-accordion__header.tox-accordion__header--icon-end {
  padding-right: calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
}
.tox .tox-accordion__content--expanded .tox-accordion__content-inner {
  padding-top: calc(var(--tox-private-pad-sm, 8px) + 1px);
}
.tox .tox-accordion__header-icon {
  align-items: center;
  color: var(--tox-private-text-color, #222f3e);
  display: flex;
  flex-shrink: 0;
  height: calc(var(--tox-private-base-value, 16px) * 1.5);
  justify-content: center;
  width: calc(var(--tox-private-base-value, 16px) * 1.5);
}
.tox .tox-accordion__header-icon svg {
  display: block;
  fill: currentColor;
  height: 100%;
  width: 100%;
  max-height: calc(var(--tox-private-base-value, 16px) * 1.5);
  max-width: calc(var(--tox-private-base-value, 16px) * 1.5);
}
.tox .tox-accordion__header:not(.tox-accordion__header--icon-end) .tox-accordion__header-icon {
  margin-right: var(--tox-private-pad-sm, 8px);
  margin-left: 0;
}
.tox .tox-accordion__header--icon-end .tox-accordion__header-icon {
  margin-left: auto;
}
.tox .tox-accordion__header-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tox .tox-accordion__header--icon-end .tox-accordion__header-text {
  flex: 0 1 auto;
  margin-right: var(--tox-private-pad-sm, 8px);
}
.tox .tox-accordion__content {
  border-radius: var(--tox-private-control-border-radius, 6px);
}
.tox .tox-accordion__content.tox-accordion__content--collapsed {
  display: none;
}
.tox .tox-accordion__content.tox-accordion__content--expanded {
  display: block;
}
.tox .tox-accordion__content-inner {
  padding: var(--tox-private-pad-sm, 8px) calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px)) calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
}
.tox .tox-accordion__content-inner .tox-form__group:last-child {
  margin-bottom: 0;
}
.tox .tox-accordion__content-inner .tox-form__group > *:not(:first-child) {
  margin-top: calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
}
.tox .tox-accordion__content-inner .tox-form__group > .tox-dropdown-content {
  margin-top: 0;
}
.tox .tox-accordion__content-inner .tox-button-group {
  display: flex;
  gap: var(--tox-private-pad-sm, 8px);
}
.tox .tox-accordion__content-inner .tox-accordion__model-button {
  border-radius: var(--tox-private-control-border-radius, 6px);
  align-items: center;
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  font-family: inherit;
  font-size: inherit;
  gap: var(--tox-private-pad-xs, 4px);
  margin: 0;
  outline: none;
  padding: 6px calc(var(--tox-private-pad-sm, 8px) + var(--tox-private-pad-xs, 4px));
  position: relative;
}
.tox .tox-accordion__content-inner .tox-accordion__model-button::after {
  border-radius: var(--tox-private-control-border-radius, 6px);
  bottom: 0;
  box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 2px) var(--tox-private-keyboard-focus-outline-color, #006ce7);
  content: '';
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
@media (forced-colors: active) {
  .tox .tox-accordion__content-inner .tox-accordion__model-button::after {
    border: 2px solid highlight;
  }
}
.tox .tox-accordion__content-inner .tox-accordion__model-button:focus {
  z-index: 1;
}
.tox .tox-accordion__content-inner .tox-accordion__model-button:focus::after {
  opacity: 1;
}
.tox .tox-accordion .tox-selectfield {
  align-items: center;
  background-color: var(--tox-private-background-color, #fff);
  border: 1px solid var(--tox-private-border-color, #eeeeee);
  border-radius: var(--tox-private-control-border-radius, 6px);
  box-sizing: border-box;
  display: flex;
  height: 34px;
  padding: 0 6px;
  position: relative;
  width: 100%;
}
.tox .tox-accordion .tox-selectfield:focus-within {
  box-shadow: 0 0 0 var(--tox-private-keyboard-focus-outline-width, 2px) var(--tox-private-keyboard-focus-outline-color, #006ce7);
  z-index: 1;
}
@media (forced-colors: active) {
  .tox .tox-accordion .tox-selectfield:focus-within {
    border-color: highlight;
    box-shadow: 0 0 0 2px highlight;
  }
}
.tox .tox-accordion .tox-selectfield button {
  appearance: none;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  flex: 1;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  outline: none;
  padding: 5px 0;
  text-align: left;
}
.tox .tox-accordion .tox-selectfield .tox-icon {
  display: flex;
  flex-shrink: 0;
  padding: 9px 0;
  pointer-events: none;
}
.tox .tox-accordion .tox-selectfield .tox-icon svg {
  height: var(--tox-private-base-value, 16px);
  width: var(--tox-private-base-value, 16px);
}
.tox[dir=rtl] .tox-accordion__header {
  text-align: right;
}
.tox[dir=rtl] .tox-accordion__header:not(.tox-accordion__header--icon-end) .tox-accordion__header-icon {
  margin-left: var(--tox-private-pad-sm, 8px);
  margin-right: 0;
}
.tox[dir=rtl] .tox-accordion__header--icon-end .tox-accordion__header-icon {
  margin-right: auto;
  margin-left: 0;
}
.tox[dir=rtl] .tox-accordion__header--icon-end .tox-accordion__header-text {
  margin-left: var(--tox-private-pad-sm, 8px);
  margin-right: 0;
}
.tox .tox-alert {
  align-items: flex-start;
  align-self: stretch;
  border-radius: var(--tox-private-panel-border-radius, 6px);
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  color: var(--tox-private-text-color, #222f3e);
  display: flex;
  font-size: var(--tox-private-font-size-sm, 14px);
  font-weight: var(--tox-private-font-weight-normal, normal);
  gap: var(--tox-private-pad-xs, 4px);
  line-height: var(--tox-private-line-height-base, 1.3);
  padding: var(--tox-private-pad-xs, 4px) var(--tox-private-pad-sm, 8px);
  width: 100%;
}
.tox .tox-alert--error {
  background: linear-gradient(0deg, rgba(from var(--tox-private-background-color, #fff) r g b / 0.8) 0%, rgba(from var(--tox-private-background-color, #fff) r g b / 0.8) 100%), var(--tox-private-color-error, #c00);
  border-color: var(--tox-private-color-error, #c00);
}
.tox .tox-alert--warning {
  background: linear-gradient(0deg, rgba(from var(--tox-private-background-color, #fff) r g b / 0.8) 0%, rgba(from var(--tox-private-background-color, #fff) r g b / 0.8) 100%), var(--tox-private-color-warning, #FFCC00);
  border-color: var(--tox-private-color-warning, #FFCC00);
}
.tox .tox-alert__body {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  min-width: 0;
}
.tox .tox-alert__content {
  align-items: center;
  display: flex;
  flex: 1 0 0;
  gap: var(--tox-private-pad-sm, 8px);
  padding: var(--tox-private-pad-sm, 8px) 0;
}
.tox .tox-alert__message {
  margin: 0;
  text-align: left;
}
.tox .tox-alert__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--tox-private-pad-xs, 4px);
  justify-content: flex-start;
}
.tox .tox-anchorbar {
  display: flex;
  flex: 0 0 auto;
}
.tox .tox-bottom-anchorbar {
  display: flex;
  flex: 0 0 auto;
}
.tox .tox-bar {
  display: flex;
  flex: 0 0 auto;
}
.tox .tox-button {
  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, 6px);
  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;
  cursor: pointer;
  outline: none;
  position: relative;
  white-space: nowrap;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--tox-private-pad-xs, 4px);
}
.tox .tox-button::before {
  border-radius: var(--tox-private-control-border-radius, 6px);
  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 #006ce7);
  content: '';
  left: calc(-1 * var(--tox-private-button-border-width, 1px));
  opacity: 0;
  pointer-events: none;
  position: absolute;
  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, #0060ce);
  background-image: none;
  border-color: var(--tox-private-button-focus-border-color, #0060ce);
  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: 6px 1px 5px 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, #006ce7);
  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, #006ce7);
  /* Enabled state */
}
.tox .tox-button[disabled] {
  background-color: var(--tox-private-button-primary-disabled-background-color, #006ce7);
  background-image: none;
  border-color: var(--tox-private-button-primary-disabled-border-color, #006ce7);
  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: var(--tox-private-button-primary-focus-background-color, #0060ce);
  border-color: var(--tox-private-button-primary-focus-border-color, #0060ce);
  color: var(--tox-private-button-primary-focus-text-color, #fff);
  background-image: none;
  box-shadow: none;
}
.tox .tox-button:hover:not(:disabled) {
  background-color: var(--tox-private-button-primary-hover-background-color, #0060ce);
  border-color: var(--tox-private-button-primary-hover-border-color, #0060ce);
  color: var(--tox-private-button-primary-hover-text-color, #fff);
  background-image: none;
  box-shadow: none;
}
.tox .tox-button:active:not(:disabled) {
  background-color: var(--tox-private-button-primary-active-background-color, #0054b4);
  border-color: var(--tox-private-button-primary-active-border-color, #0054b4);
  color: var(--tox-private-button-primary-active-text-color, #fff);
  background-image: none;
  box-shadow: none;
}
.tox .tox-button.tox-button--enabled {
  background-color: var(--tox-private-button-primary-enabled-background-color, #0054b4);
  border-color: var(--tox-private-button-primary-enabled-border-color, #0054b4);
  color: var(--tox-private-button-primary-enabled-text-color, #fff);
  background-image: none;
  box-shadow: none;
}
.tox .tox-button.tox-button--enabled[disabled] {
  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: var(--tox-private-button-primary-enabled-focus-background-color, #00489b);
  border-color: var(--tox-private-button-primary-enabled-focus-border-color, #00489b);
  color: var(--tox-private-button-primary-enabled-focus-text-color, #fff);
  background-image: none;
  box-shadow: none;
}
.tox .tox-button.tox-button--enabled:hover:not(:disabled) {
  background-color: var(--tox-private-button-primary-enabled-hover-background-color, #00489b);
  border-color: var(--tox-private-button-primary-enabled-hover-border-color, #00489b);
  color: var(--tox-private-button-primary-enabled-hover-text-color, #fff);
  background-image: none;
  box-shadow: none;
}
.tox .tox-button.tox-button--enabled:active:not(:disabled) {
  background-color: var(--tox-private-button-primary-enabled-active-background-color, #003c81);
  border-color: var(--tox-private-button-primary-enabled-active-border-color, #003c81);
  color: var(--tox-private-button-primary-enabled-active-text-color, #fff);
  background-image: none;
  box-shadow: none;
}
.tox .tox-button--secondary {
  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-radius: 6px;
  box-shadow: none;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  outline: none;
  padding: 4px 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: none;
  /* Enabled state */
}
.tox .tox-button--secondary[disabled] {
  background-color: var(--tox-private-button-secondary-disabled-background-color, #f0f0f0);
  background-image: none;
  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: 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;
  box-shadow: none;
}
.tox .tox-button--secondary:hover:not(:disabled) {
  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;
  box-shadow: none;
}
.tox .tox-button--secondary:active:not(:disabled) {
  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;
  box-shadow: none;
}
.tox .tox-button--secondary.tox-button--enabled {
  background-color: var(--tox-private-button-secondary-enabled-background-color, #a6ccf7);
  border-color: var(--tox-private-button-secondary-enabled-border-color, #a6ccf7);
  color: var(--tox-private-button-secondary-enabled-text-color, #222f3e);
  background-image: none;
  box-shadow: none;
}
.tox .tox-button--secondary.tox-button--enabled[disabled] {
  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: var(--tox-private-button-secondary-enabled-focus-background-color, #8ebef4);
  border-color: var(--tox-private-button-secondary-enabled-focus-border-color, #8ebef4);
  color: var(--tox-private-button-secondary-enabled-focus-text-color, #222f3e);
  background-image: none;
  box-shadow: none;
}
.tox .tox-button--secondary.tox-button--enabled:hover:not(:disabled) {
  background-color: var(--tox-private-button-secondary-enabled-hover-background-color, #8ebef4);
  border-color: var(--tox-private-button-secondary-enabled-hover-border-color, #8ebef4);
  color: var(--tox-private-button-secondary-enabled-hover-text-color, #222f3e);
  background-image: none;
  box-shadow: none;
}
.tox .tox-button--secondary.tox-button--enabled:active:not(:disabled) {
  background-color: var(--tox-private-button-secondary-enabled-active-background-color, #77b1f2);
  border-color: var(--tox-private-button-secondary-enabled-active-border-color, #77b1f2);
  color: var(--tox-private-button-secondary-enabled-active-text-color, #222f3e);
  background-image: none;
  box-shadow: none;
}
.tox .tox-button--naked {
  background-color: transparent;
  border-color: transparent;
  box-shadow: unset;
  color: var(--tox-private-button-naked-text-color, #222f3e);
  /* Enabled state */
}
.tox .tox-button--naked[disabled] {
  background-color: transparent;
  border-color: transparent;
  color: var(--tox-private-button-naked-disabled-text-color, rgba(34, 47, 62, 0.5));
  cursor: not-allowed;
}
.tox .tox-button--naked:focus:not(:disabled) {
  background-color: var(--tox-private-button-naked-focus-background-color, rgba(34, 47, 62, 0.12));
  border-color: var(--tox-private-button-naked-focus-border-color, transparent);
  color: var(--tox-private-button-naked-focus-text-color, #222f3e);
  box-shadow: unset;
}
.tox .tox-button--naked:hover:not(:disabled) {
  background-color: var(--tox-private-button-naked-hover-background-color, rgba(34, 47, 62, 0.12));
  border-color: var(--tox-private-button-naked-hover-background-color, transparent);
  color: var(--tox-private-button-naked-hover-text-color, #222f3e);
  box-shadow: unset;
}
.tox .tox-button--naked:active:not(:disabled) {
  background-color: var(--tox-private-button-naked-active-background-color, rgba(34, 47, 62, 0.18));
  border-color: var(--tox-private-button-naked-active-border-color, transparent);
  color: var(--tox-private-button-naked-active-text-color, #222f3e);
  box-shadow: unset;
}
.tox .tox-button--naked.tox-button--enabled {
  background-color: var(--tox-private-button-naked-enabled-background-color, #a8c8ed);
  border-color: var(--tox-private-button-naked-enabled-border-color, #a8c8ed);
  color: var(--tox-private-button-naked-enabled-text-color, #222f3e);
  box-shadow: unset;
}
.tox .tox-button--naked.tox-button--enabled[disabled] {
  color: var(--tox-private-button-naked-disabled-text-color, rgba(34, 47, 62, 0.5));
  cursor: not-allowed;
}
.tox .tox-button--naked.tox-button--enabled:focus:not(:disabled) {
  background-color: var(--tox-private-button-naked-enabled-focus-background-color, #93bbe9);
  border-color: var(--tox-private-button-naked-enabled-focus-border-color, #93bbe9);
  color: var(--tox-private-button-naked-enabled-focus-text-color, #222f3e);
  box-shadow: unset;
}
.tox .tox-button--naked.tox-button--enabled:hover:not(:disabled) {
  background-color: var(--tox-private-button-naked-enabled-hover-background-color, #93bbe9);
  border-color: var(--tox-private-button-naked-enabled-hover-border-color, #93bbe9);
  color: var(--tox-private-button-naked-enabled-hover-text-color, #222f3e);
  box-shadow: unset;
}
.tox .tox-button--naked.tox-button--enabled:active:not(:disabled) {
  background-color: var(--tox-private-button-naked-enabled-active-background-color, #7daee4);
  border-color: var(--tox-private-button-naked-enabled-active-border-color, #7daee4);
  color: var(--tox-private-button-naked-enabled-active-text-color, #222f3e);
  box-shadow: unset;
}
.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--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: var(--tox-private-checkbox-border-radius, 6px);
  cursor: pointer;
  display: flex;
  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 */
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.tox .tox-checkbox__icons {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  padding: var(--tox-private-pad-xs, calc(4px - 1px));
  border-radius: var(--tox-private-checkbox-border-radius, 6px);
  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: 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 {
    fill: currentColor !important;
  }
}
.tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  display: none;
  fill: var(--tox-private-checkbox-indeterminate-color, #006ce7);
}
.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  display: none;
  fill: var(--tox-private-checkbox-selected-color, #006ce7);
}
.tox .tox-checkbox--disabled {
  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: 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: 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: 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;
}
.tox input.tox-checkbox__input:checked + .tox-checkbox__icons .tox-checkbox-icon__checked svg {
  display: block;
}
.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
  display: none;
}
.tox input.tox-checkbox__input:indeterminate + .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
  display: block;
}
.tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
  box-shadow: var(--tox-private-checkbox-focus-box-shadow, inset 0 0 0 1px #006ce7);
}
.tox:not([dir=rtl]) .tox-checkbox__label {
  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: var(--tox-private-pad-xs, 4px);
}
.tox[dir=rtl] .tox-checkbox__label {
  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: var(--tox-private-pad-xs, 4px);
}
.tox .tox-collection--toolbar .tox-collection__group {
  display: flex;
  padding: 0;
}
.tox .tox-collection--grid .tox-collection__group {
  display: flex;
  flex-wrap: wrap;
  max-height: 208px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}
.tox .tox-collection--list .tox-collection__group {
  border-bottom-width: 0;
  border-color: #e3e3e3;
  border-left-width: 0;
  border-right-width: 0;
  border-style: solid;
  border-top-width: 1px;
  padding: 4px 0;
  display: flex;
  flex-direction: column;
}
.tox .tox-collection--list .tox-collection__group:first-child {
  border-top-width: 0;
}
.tox .tox-collection__group-heading {
  background-color: #fcfcfc;
  color: rgba(34, 47, 62, 0.7);
  cursor: default;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 4px;
  margin-top: -4px;
  padding: 4px 8px;
  text-transform: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}
.tox .tox-collection__item {
  align-items: center;
  border-radius: 3px;
  color: #222f3e;
  display: flex;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}
.tox .tox-image-selector-menu .tox-collection__item-image-selector,
.tox .tox-image-selector-menu .tox-collection__item {
  flex-direction: column;
}
.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-icon,
.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-icon,
.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-image,
.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-image,
.tox .tox-image-selector-menu .tox-collection__item-image-selector .tox-collection__item-checkmark,
.tox .tox-image-selector-menu .tox-collection__item .tox-collection__item-checkmark {
  flex-grow: 1;
}
.tox .tox-image-selector-menu .tox-collection__item-image-selector label,
.tox .tox-image-selector-menu .tox-collection__item label {
  width: 48px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  color: #222f3e;
  text-align: center;
  align-self: flex-end;
}
.tox .tox-image-selector-menu .tox-collection__item-checkmark {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tox .tox-image-selector-menu .tox-collection__item-checkmark svg path {
  fill: #006ce7;
  stroke: #006ce7;
}
.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  background-color: #fff;
}
.tox .tox-image-selector-menu .tox-image-selector__row .tox-collection__item-image-selector.tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
  z-index: 2;
  background-color: #fff;
  opacity: 0.8;
  background-clip: content-box;
}
.tox .tox-collection--list .tox-collection__item {
  padding: 4px 8px;
}
.tox .tox-collection--toolbar .tox-collection__item {
  border-radius: 3px;
  padding: 4px;
}
.tox .tox-collection--grid .tox-collection__item {
  border-radius: 3px;
  padding: 4px;
}
.tox .tox-collection--list .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
  background-color: #fff;
  color: #222f3e;
}
.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  background-color: #006ce7;
  color: #fff;
}
@media (forced-colors: active) {
  .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
    border: solid 1px;
  }
}
.tox .tox-collection--grid .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
  background-color: #a6ccf7;
  color: #222f3e;
}
.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  background-color: #f0f0f0;
  color: #222f3e;
  position: relative;
  z-index: 1;
}
.tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
  border-radius: 3px;
  bottom: 0;
  box-shadow: 0 0 0 2px #006ce7 inset;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (forced-colors: active) {
  .tox .tox-collection--grid .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
    border: 2px solid highlight;
  }
}
.tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
  background-color: #a6ccf7;
  color: #222f3e;
}
@media (forced-colors: active) {
  .tox .tox-collection--toolbar .tox-collection__item--enabled:not(.tox-collection__item--state-disabled) {
    border-radius: 3px;
    outline: solid 1px;
  }
}
.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  color: #222f3e;
  background-color: #fff;
  position: relative;
}
.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
  background-color: #f0f0f0;
  color: #222f3e;
}
.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus {
  background-color: #f0f0f0;
  color: #222f3e;
}
.tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
  border-radius: 3px;
  bottom: 0;
  box-shadow: 0 0 0 2px #006ce7 ;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (forced-colors: active) {
  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):focus::after {
    border: 2px solid highlight;
  }
}
@media (forced-colors: active) {
  .tox .tox-collection--toolbar .tox-collection__item--active:not(.tox-collection__item--state-disabled):hover {
    border-radius: 3px;
    outline: solid 1px;
  }
}
.tox .tox-collection__item-image {
  border: 1px solid #eeeeee;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 4px;
  position: relative;
}
.tox .tox-collection__item-icon,
.tox .tox-collection__item-checkmark {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.tox .tox-collection__item-icon svg,
.tox .tox-collection__item-checkmark svg {
  fill: currentColor;
}
.tox .tox-collection--toolbar-lg .tox-collection__item-icon {
  height: 48px;
  width: 48px;
}
.tox .tox-collection__item-label {
  color: currentColor;
  display: inline-block;
  flex: 1;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  max-width: 100%;
  text-transform: none;
  word-break: break-all;
}
.tox .tox-collection__item-accessory {
  color: currentColor;
  display: inline-block;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  text-transform: none;
}
.tox .tox-collection__item-caret {
  align-items: center;
  display: flex;
  min-height: 24px;
}
.tox .tox-collection__item-caret::after {
  content: '';
  font-size: 0;
  min-height: inherit;
}
.tox .tox-collection__item-caret svg {
  fill: currentColor;
}
.tox .tox-collection__item--state-disabled {
  background-color: transparent;
  color: rgba(34, 47, 62, 0.5);
  cursor: not-allowed;
}
.tox .tox-collection__item--state-disabled .tox-collection__item-caret svg {
  fill: rgba(34, 47, 62, 0.5);
}
.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-checkmark svg {
  display: none;
}
.tox .tox-collection--list .tox-collection__item:not(.tox-collection__item--enabled) .tox-collection__item-accessory + .tox-collection__item-checkmark {
  display: none;
}
.tox .tox-collection--horizontal {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
  display: flex;
  flex: 0 0 auto;
  flex-shrink: 0;
  flex-wrap: nowrap;
  margin-bottom: 0;
  overflow-x: auto;
  padding: 0;
}
.tox .tox-collection--horizontal .tox-collection__group {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0 4px;
}
.tox .tox-collection--horizontal .tox-collection__item {
  height: 28px;
  margin: 6px 1px 5px 0;
  padding: 0 4px;
}
.tox .tox-collection--horizontal .tox-collection__item-label {
  white-space: nowrap;
}
.tox .tox-collection--horizontal .tox-collection__item-caret {
  margin-left: 4px;
}
.tox .tox-collection__item-container {
  display: flex;
}
.tox .tox-collection__item-container--row {
  align-items: center;
  flex: 1 1 auto;
  flex-direction: row;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--align-left {
  margin-right: auto;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--align-right {
  justify-content: flex-end;
  margin-left: auto;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-top {
  align-items: flex-start;
  margin-bottom: auto;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-middle {
  align-items: center;
}
.tox .tox-collection__item-container--row.tox-collection__item-container--valign-bottom {
  align-items: flex-end;
  margin-top: auto;
}
.tox .tox-collection__item-container--column {
  align-self: center;
  flex: 1 1 auto;
  flex-direction: column;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--align-left {
  align-items: flex-start;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--align-right {
  align-items: flex-end;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-top {
  align-self: flex-start;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
  align-self: center;
}
.tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
  align-self: flex-end;
}
.tox:not([dir=rtl]) .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
  border-right: 1px solid transparent;
}
.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > *:not(:first-child) {
  margin-left: 8px;
}
.tox:not([dir=rtl]) .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
  margin-left: 4px;
}
.tox:not([dir=rtl]) .tox-collection__item-accessory {
  margin-left: 16px;
  text-align: right;
}
.tox:not([dir=rtl]) .tox-collection .tox-collection__item-caret {
  margin-left: 16px;
}
.tox[dir=rtl] .tox-collection--horizontal .tox-collection__group:not(:last-of-type) {
  border-left: 1px solid transparent;
}
.tox[dir=rtl] .tox-collection--list .tox-collection__item > *:not(:first-child) {
  margin-right: 8px;
}
.tox[dir=rtl] .tox-collection--list .tox-collection__item > .tox-collection__item-label:first-child {
  margin-right: 4px;
}
.tox[dir=rtl] .tox-collection__item-accessory {
  margin-right: 16px;
  text-align: left;
}
.tox[dir=rtl] .tox-collection .tox-collection__item-caret {
  margin-right: 16px;
  transform: rotateY(180deg);
}
.tox[dir=rtl] .tox-collection--horizontal .tox-collection__item-caret {
  margin-right: 4px;
}
@media (forced-colors: active) {
  .tox .tox-hue-slider,
  .tox .tox-rgb-form .tox-rgba-preview {
    background-color: currentColor !important;
    border: 1px solid highlight !important;
    forced-color-adjust: none;
  }
}
.tox .tox-color-picker-container {
  display: flex;
  flex-direction: row;
  height: 225px;
  margin: 0;
}
.tox .tox-sv-palette {
  box-sizing: border-box;
  display: flex;
  height: 100%;
}
.tox .tox-sv-palette-spectrum {
  height: 100%;
}
.tox .tox-sv-palette,
.tox .tox-sv-palette-spectrum {
  width: 225px;
}
.tox .tox-sv-palette-thumb {
  background: none;
  border: 1px solid black;
  border-radius: 50%;
  box-sizing: content-box;
  height: 12px;
  position: absolute;
  width: 12px;
}
.tox .tox-sv-palette-inner-thumb {
  border: 1px solid white;
  border-radius: 50%;
  height: 10px;
  position: absolute;
  width: 10px;
}
.tox .tox-hue-slider {
  box-sizing: border-box;
  height: 100%;
  width: 25px;
}
.tox .tox-hue-slider-spectrum {
  background: linear-