/* Sun Editor Custom Style */

/* theme */
.sun-editor,
.theme-light .sun-editor {
  --se-color: #111;
  --se-background: #fafafa;
  --se-tray: #efefef;
  --se-border: #ddd;
  --se-outline: #bfbfbf;
  --se-selected: #efefef;
  --se-hover: #eeeeee;
}
.theme-dark .sun-editor {
  --se-color: #fff;
  --se-background: #333;
  --se-tray: #111;
  --se-border: #555;
  --se-outline: #6c6c6c;
  --se-selected: #6e6e6e;
  --se-hover: #8f8f8f;
}

/* Editor Overrides */

.sun-editor {
  width: auto !important;
  font-family: unset;
  overflow: hidden;
}

.sun-editor .se-toolbar {
  position: relative !important;
  top: unset !important;
}
.sun-editor .se-toolbar-sticky-dummy {
  display: none !important;
}

.sun-editor-editable {
  font-family: unset;
  font-size: 16px;
  height: 400px !important;
}
.sun-editor-editable.se-display {
  height: auto !important;
  background-color: unset;
}

.sun-editor-editable * {
  word-break: break-word;
}

.sun-editor-editable br {
  width: 0.1em;
}

.se-fullscreen.sun-editor {
  width: 100% !important;
}
.se-fullscreen .sun-editor-editable {
  height: 100% !important;
}

/* colors */
.sun-editor, .sun-editor-editable, .sun-editor button, .sun-editor .se-submenu .se-form-group input,
.sun-editor .se-selector-table,
.sun-editor .se-list-layer.se-list-format ul h1,
.sun-editor .se-list-layer.se-list-format ul h2,
.sun-editor .se-list-layer.se-list-format ul h3,
.sun-editor .se-list-layer.se-list-format ul h4,
.sun-editor .se-list-layer.se-list-format ul h5,
.sun-editor .se-list-layer.se-list-format ul h6,
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content,
.sun-editor .se-dialog button, .sun-editor .se-dialog input, .sun-editor .se-dialog label {
  color: var(--se-color);
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content .se-btn-primary {
  color: var(--se-tray);
}
.sun-editor, .sun-editor-editable, .sun-editor .se-list-layer, .sun-editor .se-btn-list,
.sun-editor .se-submenu .se-form-group input, .sun-editor .se-selector-table,
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content, .sun-editor input,
.sun-editor .se-dialog-tabs button,
.sun-editor-editable figure figcaption {
  background-color: var(--se-background);
}
.sun-editor .se-toolbar, .sun-editor .se-resizing-bar {
  background-color: var(--se-tray);
}
.sun-editor {
  border-color: var(--se-outline);
}
.sun-editor .se-toolbar, .sun-editor .se-btn-module-border, .sun-editor .se-resizing-bar, .sun-editor .se-submenu .se-form-group input {
  border-color: var(--se-border) !important;
  outline-color: var(--se-border) !important;
}
.sun-editor .se-btn-list.default_value, .sun-editor .se-btn:enabled.on,
.sun-editor .se-dialog-tabs button.active {
  background-color: var(--se-selected);
}
.sun-editor .se-dialog-tabs button:hover,
.sun-editor .se-list-layer.se-list-format ul .se-btn-list:hover {
  background-color: var(--se-hover);
}
.sun-editor .se-controller {
  background-color: var(--se-tray);
}
.sun-editor .se-arrow, .sun-editor .se-arrow:after {
  color: var(--se-tray);
}
.sun-editor .se-arrow.se-arrow-up:after {
  border-bottom-color: var(--se-tray);
}

/* fixes */
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-control {
  width: 70px !important;
}
.sun-editor input {
  padding: 0 1em !important;
}