.em-element-editor-widget {
  background: #1d1d1d;
  box-shadow: 0 3px 10px rgb(61 70 77 / 15%);
}

.of-group .em-element-editor-widget {
  background: #777;
}

.of-group .em-element-editor-group:hover {
  background: #777;
}

.of-atom .em-element-editor-widget {
  background: #d0ebff;
}

[class^='em-element-editor-widget-'] {
  width: 24px;
  height: 24px;
  display: block;
  box-sizing: border-box;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  color: hsl(0deg 0% 100% / 85%);
}

[class^='em-element-editor-widget-']:hover {
  color: #fff;
  background: rgb(255 255 255 / 20%);
  border-radius: 3px;
}

.em-element-editor-group:hover {
  background: #1d1d1d;
  box-shadow: 0 3px 10px rgb(61 70 77 / 15%);
}

[class*='em-show']::before,
[class*='em-amp-show']::before {
  color: hsl(0deg 0% 100% / 85%);
  background-color: #1d1d1d;
}

td:empty[height] {
  background: rgb(0 0 0 / 0.1%);
}

/* Tiny CSS */
body .tox.tox-tinymce--toolbar-bottom .tox-editor-header,
body .tox.tox-tinymce-inline .tox-editor-header,
body .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
  padding: 4px 0;
  background: #1d1d1d;
  border: none;
}

body .tox .tox-toolbar-overlord {
  background: none;
}

body .tox-tinymce-inline {
  border-radius: 6px;
  box-shadow: 0 3px 10px rgb(61 70 77 / 15%);

  /* margin-top: -7px; */
}

body .tox.tox-tinymce--toolbar-sticky-on .tox-editor-header {
  box-shadow: 0 3px 10px rgb(61 70 77 / 15%);
  border-radius: 6px;
  margin-top: 7px;
}

body .tox .tox-toolbar,
.tox .tox-toolbar__overflow,
body .tox .tox-toolbar__primary {
  background: none;
}

body .tox .tox-tbtn:active {
  color: #fff;
  background: rgb(255 255 255 / 20%);
}

body .tox .tox-tbtn svg {
  fill: hsl(0deg 0% 100% / 85%);
}

body .tox .tox-tbtn:hover svg,
body .tox .tox-tbtn:active svg,
body .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) svg,
body .tox .tox-tbtn--enabled svg,
body .tox .tox-tbtn--enabled:hover svg,
body .tox .tox-swatches__picker-btn svg {
  fill: #fff;
}

body .tox .tox-tbtn--enabled,
body .tox .tox-tbtn--enabled:hover,
body .tox .tox-split-button:focus {
  background: rgb(255 255 255 / 20%);
}

body .tox .tox-tbtn {
  margin: 2px 2px 3px;
  color: hsl(0deg 0% 100% / 85%);
}

body .tox .tox-tbtn:hover,
body .tox .tox-tbtn:focus:not(.tox-tbtn--disabled),
body .tox .tox-collection--list .tox-collection__item--active,
body .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled),
body .tox .tox-swatches__picker-btn:hover {
  background: rgb(255 255 255 / 20%);
  color: #fff;
}

body .tox .tox-split-button:hover {
  box-shadow: 0 0 0 1px rgb(255 255 225 / 20%) inset;
}

body .tox .tox-menu,
body .tox.tox-tinymce-aux .tox-toolbar__overflow {
  background: none;
  background-color: #1d1d1d;
  border: 1px solid #1d1d1d;
}

body .tox .tox-collection__item-accessory {
  color: rgb(255 255 255 / 50%);
}

body .tox .tox-collection__item {
  color: hsl(0deg 0% 100% / 85%);
}

body .tox .tox-collection--list .tox-collection__item--enabled {
  background-color: rgb(255 255 255 / 50%);
  color: #fff;
}

body .tox .tox-dialog {
  background: #141414;
  border-color: #141414;
}

body .tox .tox-dialog__header,
body .tox .tox-dialog__footer {
  background: none;
  border: none;
}

body .tox .tox-dialog__header,
body .tox .tox-label,
body .tox .tox-toolbar-label,
body .tox .tox-rgb-form label,
body .tox .tox-dialog__body-nav-item {
  color: hsl(0deg 0% 100% / 85%);
}

body .tox .tox-label,
body .tox .tox-toolbar-label {
  padding-bottom: 8px;
}

body .tox .tox-listboxfield .tox-listbox--select,
body .tox .tox-textarea,
body .tox .tox-textfield,
body .tox .tox-toolbar-textfield {
  color: rgb(255 255 255 / 85%);
  background-color: transparent;
  border: 1px solid #434343;
  border-radius: 2px;
  transition: all 0.3s;
}

body .tox .tox-listboxfield .tox-listbox--select:focus,
body .tox .tox-textarea:focus,
body .tox .tox-textfield:focus {
  border-color: #177ddc;
  box-shadow: 0 0 0 2px rgb(23 125 220 / 20%);
  background-color: transparent;
}

/* Ломает логигу работы поп-апов Tiny */

/* body .tox .tox-dialog-wrap {
	position: static;
} */

body .tox:not([dir='rtl']) .tox-toolbar__group:not(:last-of-type) {
  border-right-color: rgb(255 255 255 / 20%);
}

body .tox .tox-button--secondary {
  color: rgb(255 255 255 / 85%);
  border-color: #434343;
  background: transparent;
}

body .tox .tox-button--secondary:hover:not(:disabled),
body .tox .tox-button--secondary:focus:not(:disabled) {
  color: #165996;
  border-color: #165996;
  background: transparent;
}

body .tox .tox-button--naked {
  background-color: transparent;
  border-color: transparent;
  color: hsl(0deg 0% 100% / 85%);
}

body .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {
  color: #fff;
  border-color: #434343;
  background: transparent;
}

body .tox .tox-dialog-wrap__backdrop {
  background-color: rgb(0 0 0 / 75%);
}

body .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active {
  background: #1f1f1f;
  border-bottom-color: #1f1f1f;
}

.em-code,
img[src*='<!--']::after {
  background-color: #1d1d1d;
  box-shadow: 0 3px 10px rgb(61 70 77 / 15%);
}

.em-element-path-panel {
  background-color: #1d1d1d;
  box-shadow: 0 3px 10px rgb(61 70 77 / 15%);
  color: hsl(0deg 0% 100% / 85%);
}

.em-element-path-content > div:hover {
  color: hsl(0deg 0% 100% / 100%);
}

.em-element-path-item-block {
  color: #fff;
}

.em-element-path-content > div.em-element-path-item-block:hover {
  color: rgb(255 255 255 / 85%);
}

.em-element-path-item-atom {
  color: #85a5ff;
}

.em-element-path-content > div.em-element-path-item-atom:hover {
  color: #597ef7;
}

.em-element-path-item-group {
  color: #1890ff;
}

.em-element-path-content > div.em-element-path-item-group:hover {
  color: #40a9ff;
}

.em-element-path-item-email {
  color: #722ed1;
}

.em-element-path-content > div.em-element-path-item-email:hover {
  color: #9254de;
}

.em-element-path-overflow-left::before {
  background: linear-gradient(90deg, rgb(0 0 0 / 100%) 0%, rgb(0 0 0 / 0%) 100%);
}

.em-element-img-change-group {
  color: hsl(0deg 0% 100% / 85%);
  background: #1d1d1d;
}

.em-element-img-change-group > i:hover {
  color: #000;
  background: #dee0e2;
  border-radius: 3px;
}

.em-element-block-add {
  color: hsl(0deg 0% 100% / 85%);
  background: #1d1d1d;
  box-shadow: 0 3px 10px rgb(61 70 77 / 15%);
}

.em-element-block-add > i:hover {
  color: #000;
  background: #dee0e2;
}

em-replace::after {
  background-color: var(--colorBgBase);
}

/* Маркер глобального блока в превью (псевдоэлемент, см. sandbox.css) */
[em='block'][em-block-id]:not(tr)::after,
tr[em='block'][em-block-id] > td:first-of-type::after {
  background: rgb(0 0 0 / 0.5);
  box-shadow: 0 1px 3px rgb(0 0 0 / 0.35);
  color: rgb(255 255 255 / 0.88);
}

