.r2-description-editor {
  width: 100%;
  min-width: 0;
  color-scheme: light;
  --jd-color-background-default: #fff;
  --jd-color-panel: #dee6ef;
  --jd-color-border: #aebbc9;
  --jd-color-text: #353d45;
  --jd-color-icon: #454d56;
}

.r2-description-editor .jodit-container {
  width: 100% !important;
  border: 1px solid #aebbc9;
  border-radius: 2px;
  background: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

.r2-description-editor .jodit-container.jodit_fullsize {
  position: fixed;
  width: 100vw !important;
  max-width: none !important;
}

.r2-description-editor .jodit-toolbar__box {
  min-height: 108px;
  padding: 6px 8px 2px;
  border-bottom: 1px solid #aebbc9;
  background: #dee6ef;
}

.r2-description-editor .jodit-toolbar-editor-collection {
  --jd-button-size: 28px;
  --jd-button-icon-size: 16px;
  --jd-font-default: Arial, Helvetica, sans-serif;
  --jd-font-size-default: 12px;
  --jd-margin-v: 0;
  --jd-padding-default: 4px;
  background: none;
}

.r2-description-editor .jodit-toolbar-editor-collection::after {
  display: none;
}

.r2-description-editor .jodit-toolbar-editor-collection .jodit-ui-group_line_true {
  height: 33px;
  min-height: 33px;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0;
}

.r2-description-editor .jodit-toolbar-editor-collection .jodit-ui-group_line_true .jodit-ui-group {
  align-items: flex-start;
  flex-wrap: nowrap;
}

.r2-description-editor .jodit-toolbar-editor-collection .jodit-ui-separator {
  width: 1px;
  height: 18px;
  margin: 0 2px;
  align-self: center;
  flex: 0 0 1px;
  border-right-color: #a7b1bd;
}

.r2-description-editor .jodit-toolbar-editor-collection .jodit-toolbar-button,
.r2-description-editor .jodit-toolbar-editor-collection .jodit-toolbar-select {
  height: 26px;
  margin: 0;
  border: 0;
  border-radius: 2px;
  flex-shrink: 0;
}

.r2-description-editor .jodit-toolbar-editor-collection .jodit-toolbar-button {
  width: 28px;
  min-width: 28px;
  margin-top: 1px;
}

.r2-description-editor .jodit-toolbar-button__button,
.r2-description-editor .jodit-toolbar-select__button {
  height: 26px;
  min-width: 28px;
  padding: 0;
  border-radius: 2px;
  color: #444;
  background: transparent;
  font: 12px Arial, Helvetica, sans-serif;
}

.r2-description-editor .jodit-toolbar-button__button {
  width: 28px;
}

.r2-description-editor .jodit-toolbar-editor-collection .jodit-toolbar-button .jodit-icon,
.r2-description-editor .jodit-toolbar-editor-collection .jodit-toolbar-button__text svg,
.r2-description-editor .jodit-toolbar-editor-collection .r2-editor-glyph {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: #444;
}

.r2-description-editor .jodit-toolbar-button__text,
.r2-description-editor .jodit-toolbar-select__text {
  font: 12px Arial, Helvetica, sans-serif;
}

.r2-description-editor .jodit-toolbar-button__trigger,
.r2-description-editor .jodit-toolbar-select__trigger {
  width: 7px;
  min-width: 7px;
  flex: 0 0 7px;
  opacity: 1;
}

.r2-description-editor .jodit-toolbar-button__trigger svg,
.r2-description-editor .jodit-toolbar-select__trigger svg {
  width: 5px;
  height: 5px;
}

.r2-description-editor .jodit-toolbar-button__button:hover,
.r2-description-editor .jodit-toolbar-select__button:hover {
  background: #c8d5e3;
}

.r2-description-editor .jodit-toolbar-button__button[aria-pressed="true"] {
  background: #bdccdd;
}

.r2-description-editor .jodit-toolbar-button__button:focus-visible,
.r2-description-editor .jodit-toolbar-select__button:focus-visible {
  outline: 2px solid #287caa;
  outline-offset: -2px;
}

.r2-description-editor .jodit-toolbar-select {
  position: relative;
  height: 28px;
  width: 97px;
  min-width: 97px;
  max-width: 97px;
  padding-right: 9px;
}

.r2-description-editor .jodit-toolbar-select::before {
  content: "";
  position: absolute;
  right: 0;
  top: 4px;
  height: 18px;
  border-right: 1px solid #a7b1bd;
  pointer-events: none;
}

.r2-description-editor .jodit-toolbar-select::after {
  content: "";
  position: absolute;
  right: 9px;
  top: 11px;
  border-top: 4px solid #444;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  pointer-events: none;
}

.r2-description-editor .jodit-toolbar-select + .jodit-ui-separator,
.r2-description-editor .jodit-toolbar-select__trigger svg {
  display: none;
}

.r2-description-editor .jodit-toolbar-select__button {
  width: calc(100% - 9px);
  justify-content: flex-start;
  padding-left: 12px;
}

.r2-description-editor .jodit-toolbar-select__text {
  justify-content: flex-start;
}

.r2-description-editor .jodit-toolbar-editor-collection .jodit-toolbar-button_source {
  width: 62px;
}

.r2-description-editor .jodit-toolbar-button_source .jodit-toolbar-button__button {
  width: 62px;
  justify-content: flex-start;
  gap: 4px;
  padding-left: 4px;
}

.r2-description-editor .jodit-toolbar-button_source .jodit-toolbar-button__text {
  font-size: 12px;
  justify-content: flex-start;
  flex-grow: 0;
}

.r2-description-editor .jodit-toolbar-editor-collection .jodit-toolbar-button_with-trigger_true {
  width: 35px;
}

.r2-description-editor .jodit-toolbar-editor-collection .jodit-toolbar-button[data-ref="forecolor"] {
  margin-left: 2px;
}

.r2-description-editor .jodit-toolbar-button_template.jodit-toolbar-button_with-trigger_true {
  width: 28px;
}

.r2-description-editor .jodit-toolbar-button_template .jodit-toolbar-button__trigger {
  display: none;
}

.r2-description-editor--show-blocks .jodit-wysiwyg :is(p, div, h1, h2, h3, h4, h5, h6, blockquote, pre) {
  outline: 1px dashed #aebbc9;
  outline-offset: -1px;
}

.r2-description-editor .jodit-wysiwyg [style*="page-break-after"] {
  min-height: 16px;
  margin: 12px 0;
  border-top: 1px dashed #aebbc9;
}

.r2-description-editor .jodit-toolbar-button:is(
  [data-ref="source"],
  [data-ref="newpage"],
  [data-ref="preview"],
  [data-ref="print"],
  [data-ref="template"],
  [data-ref="templates"],
  [data-ref="cut"],
  [data-ref="copy"],
  [data-ref="paste"],
  [data-ref="pasteText"],
  [data-ref="pasteWord"],
  [data-ref="undo"],
  [data-ref="redo"],
  [data-ref="find"],
  [data-ref="replace"],
  [data-ref="selectall"],
  [data-ref="scayt"],
  [data-ref="spellcheck"],
  [data-ref="bold"],
  [data-ref="italic"],
  [data-ref="underline"],
  [data-ref="strikethrough"],
  [data-ref="subscript"],
  [data-ref="superscript"],
  [data-ref="copyformat"],
  [data-ref="eraser"],
  [data-ref="ol"],
  [data-ref="ul"],
  [data-ref="outdent"],
  [data-ref="indent"],
  [data-ref="blockquote"],
  [data-ref="creatediv"],
  [data-ref="left"],
  [data-ref="center"],
  [data-ref="right"],
  [data-ref="justify"],
  [data-ref="bidiLtr"],
  [data-ref="bidiRtl"],
  [data-ref="language"],
  [data-ref="link"],
  [data-ref="unlink"],
  [data-ref="anchor"],
  [data-ref="image"],
  [data-ref="table"],
  [data-ref="hr"],
  [data-ref="symbols"],
  [data-ref="pagebreak"],
  [data-ref="embed"],
  [data-ref="forecolor"],
  [data-ref="backcolor"],
  [data-ref="fullsize"],
  [data-ref="showblocks"],
  [data-ref="help"]
) {
  --r2-sprite-content: "";
  --r2-native-icon: none;
  --r2-native-text: none;
}

.r2-description-editor .jodit-toolbar-button__button::before {
  content: var(--r2-sprite-content, none);
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background: url("./editor/toolbar-icons.png") no-repeat;
  background-position: var(--r2-sprite-position, 0 0);
  background-size: 16px auto;
}

.r2-description-editor .jodit-toolbar-button__icon:not(:empty) {
  display: var(--r2-native-icon, inline-flex);
}

.r2-description-editor .jodit-toolbar-button__text:not(:empty) {
  display: var(--r2-native-text, inline-flex);
}

.r2-description-editor .jodit-toolbar-button_source[data-ref="source"] {
  --r2-native-text: inline-flex;
}

.r2-description-editor .jodit-toolbar-button_video .jodit-toolbar-button__icon,
.r2-description-editor .jodit-toolbar-button_video .jodit-toolbar-button__text {
  display: none;
}

.r2-description-editor .jodit-toolbar-button_video .jodit-toolbar-button__button::before {
  content: "";
  width: 16px;
  height: 10px;
  background: #222;
  border-radius: 3px;
}

.r2-description-editor .jodit-toolbar-button_video .jodit-toolbar-button__button::after {
  content: "";
  position: absolute;
  left: calc(50% - 1px);
  top: calc(50% - 3px);
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 4px solid #fff;
  pointer-events: none;
}

.r2-description-editor .jodit-toolbar-button[data-ref="source"] { --r2-sprite-position: 0 -2184px; }
.r2-description-editor .jodit-toolbar-button[data-ref="newpage"] { --r2-sprite-position: 0 -1728px; }
.r2-description-editor .jodit-toolbar-button[data-ref="preview"] { --r2-sprite-position: 0 -1944px; }
.r2-description-editor .jodit-toolbar-button[data-ref="print"] { --r2-sprite-position: 0 -1968px; }
.r2-description-editor .jodit-toolbar-button[data-ref="template"] { --r2-sprite-position: 0 -2328px; }
.r2-description-editor .jodit-toolbar-button[data-ref="templates"] { --r2-sprite-position: 0 -2328px; }
.r2-description-editor .jodit-toolbar-button[data-ref="cut"] { --r2-sprite-position: 0 -312px; }
.r2-description-editor .jodit-toolbar-button[data-ref="copy"] { --r2-sprite-position: 0 -264px; }
.r2-description-editor .jodit-toolbar-button[data-ref="paste"] { --r2-sprite-position: 0 -360px; }
.r2-description-editor .jodit-toolbar-button[data-ref="pasteText"] { --r2-sprite-position: 0 -1872px; }
.r2-description-editor .jodit-toolbar-button[data-ref="pasteWord"] { --r2-sprite-position: 0 -1824px; }
.r2-description-editor .jodit-toolbar-button[data-ref="undo"] { --r2-sprite-position: 0 -2448px; }
.r2-description-editor .jodit-toolbar-button[data-ref="redo"] { --r2-sprite-position: 0 -2400px; }
.r2-description-editor .jodit-toolbar-button[data-ref="find"] { --r2-sprite-position: 0 -840px; }
.r2-description-editor .jodit-toolbar-button[data-ref="replace"] { --r2-sprite-position: 0 -864px; }
.r2-description-editor .jodit-toolbar-button[data-ref="selectall"] { --r2-sprite-position: 0 -2064px; }
.r2-description-editor .jodit-toolbar-button[data-ref="scayt"] { --r2-sprite-position: 0 -2040px; }
.r2-description-editor .jodit-toolbar-button[data-ref="spellcheck"] { --r2-sprite-position: 0 -2040px; }
.r2-description-editor .jodit-toolbar-button[data-ref="bold"] { --r2-sprite-position: 0 -24px; }
.r2-description-editor .jodit-toolbar-button[data-ref="italic"] { --r2-sprite-position: 0 -48px; }
.r2-description-editor .jodit-toolbar-button[data-ref="underline"] { --r2-sprite-position: 0 -144px; }
.r2-description-editor .jodit-toolbar-button[data-ref="strikethrough"] { --r2-sprite-position: 0 -72px; }
.r2-description-editor .jodit-toolbar-button[data-ref="subscript"] { --r2-sprite-position: 0 -96px; }
.r2-description-editor .jodit-toolbar-button[data-ref="superscript"] { --r2-sprite-position: 0 -120px; }
.r2-description-editor .jodit-toolbar-button[data-ref="copyformat"] { --r2-sprite-position: 0 -456px; }
.r2-description-editor .jodit-toolbar-button[data-ref="eraser"] { --r2-sprite-position: 0 -1992px; }
.r2-description-editor .jodit-toolbar-button[data-ref="ol"] { --r2-sprite-position: 0 -1632px; }
.r2-description-editor .jodit-toolbar-button[data-ref="ul"] { --r2-sprite-position: 0 -1584px; }
.r2-description-editor .jodit-toolbar-button[data-ref="outdent"] { --r2-sprite-position: 0 -1320px; }
.r2-description-editor .jodit-toolbar-button[data-ref="indent"] { --r2-sprite-position: 0 -1272px; }
.r2-description-editor .jodit-toolbar-button[data-ref="blockquote"] { --r2-sprite-position: 0 -216px; }
.r2-description-editor .jodit-toolbar-button[data-ref="creatediv"] { --r2-sprite-position: 0 -480px; }
.r2-description-editor .jodit-toolbar-button[data-ref="left"] { --r2-sprite-position: 0 -1392px; }
.r2-description-editor .jodit-toolbar-button[data-ref="center"] { --r2-sprite-position: 0 -1368px; }
.r2-description-editor .jodit-toolbar-button[data-ref="right"] { --r2-sprite-position: 0 -1416px; }
.r2-description-editor .jodit-toolbar-button[data-ref="justify"] { --r2-sprite-position: 0 -1344px; }
.r2-description-editor .jodit-toolbar-button[data-ref="bidiLtr"] { --r2-sprite-position: 0 -168px; }
.r2-description-editor .jodit-toolbar-button[data-ref="bidiRtl"] { --r2-sprite-position: 0 -192px; }
.r2-description-editor .jodit-toolbar-button[data-ref="language"] { --r2-sprite-position: 0 -1440px; }
.r2-description-editor .jodit-toolbar-button[data-ref="link"] { --r2-sprite-position: 0 -1512px; }
.r2-description-editor .jodit-toolbar-button[data-ref="unlink"] { --r2-sprite-position: 0 -1536px; }
.r2-description-editor .jodit-toolbar-button[data-ref="anchor"] { --r2-sprite-position: 0 -1488px; }
.r2-description-editor .jodit-toolbar-button[data-ref="image"] { --r2-sprite-position: 0 -1224px; }
.r2-description-editor .jodit-toolbar-button[data-ref="table"] { --r2-sprite-position: 0 -2280px; }
.r2-description-editor .jodit-toolbar-button[data-ref="hr"] { --r2-sprite-position: 0 -1176px; }
.r2-description-editor .jodit-toolbar-button[data-ref="symbols"] { --r2-sprite-position: 0 -2256px; }
.r2-description-editor .jodit-toolbar-button[data-ref="pagebreak"] { --r2-sprite-position: 0 -1776px; }
.r2-description-editor .jodit-toolbar-button[data-ref="embed"] { --r2-sprite-position: 0 -1200px; }
.r2-description-editor .jodit-toolbar-button[data-ref="forecolor"] { --r2-sprite-position: 0 -432px; }
.r2-description-editor .jodit-toolbar-button[data-ref="backcolor"] { --r2-sprite-position: 0 -408px; }
.r2-description-editor .jodit-toolbar-button[data-ref="fullsize"] { --r2-sprite-position: 0 -1680px; }
.r2-description-editor .jodit-toolbar-button[data-ref="showblocks"] { --r2-sprite-position: 0 -2112px; }
.r2-description-editor .jodit-toolbar-button[data-ref="help"] { --r2-sprite-position: 0 -0px; }

@media (min-resolution: 2dppx) {
  .r2-description-editor .jodit-toolbar-button__button::before {
    background-image: url("./editor/toolbar-icons-hidpi.png");
  }
}

.r2-description-editor .jodit-wysiwyg,
.r2-description-editor .jodit-workplace {
  background: #fff;
  color: #20252b;
}

.r2-description-editor .jodit-wysiwyg {
  padding: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.r2-description-editor .jodit-wysiwyg p {
  margin: 0 0 10px;
}

.r2-description-editor .jodit-wysiwyg :is(h1, h2, h3, h4, h5, h6, pre, strong, b, em, i, li) {
  color: inherit;
}

.r2-description-editor .jodit-wysiwyg blockquote {
  margin: 12px 0 12px 20px;
  padding-left: 12px;
  border-left: 3px solid #aebbc9;
}

.r2-description-editor .jodit-wysiwyg table {
  width: auto;
  border-collapse: collapse;
}

.r2-description-editor .jodit-wysiwyg td,
.r2-description-editor .jodit-wysiwyg th {
  padding: 6px;
  border: 1px solid #9faab6;
  color: inherit;
}

.r2-description-editor .jodit-wysiwyg img {
  max-width: 100%;
  height: auto;
}

.r2-description-editor .jodit-wysiwyg a {
  color: #176ea3;
  text-decoration: underline;
}

.r2-description-editor textarea.jodit-source__mirror {
  min-height: 400px;
  padding: 15px;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #20252b;
  font: 13px/1.55 Consolas, monospace;
  resize: none;
}

.r2-description-editor .jodit-status-bar {
  min-height: 23px;
  border-top: 1px solid #aebbc9;
  background: #dee6ef;
}

.r2-description-editor .jodit-popup,
.r2-description-editor .jodit-dialog {
  color: #20252b;
}

.r2-description-editor .jodit-popup {
  --r2-sprite-content: none;
  --r2-native-icon: inline-flex;
  --r2-native-text: inline-flex;
}

.r2-description-editor .jodit-popup .jodit-toolbar-button {
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 26px;
}

.r2-description-editor .jodit-popup .jodit-toolbar-button:has(.jodit-toolbar-button__text:not(:empty)) {
  --r2-sprite-content: none;
  --r2-native-icon: inline-flex;
  --r2-native-text: inline-flex;
}

.r2-description-editor .jodit-popup :is(h1, h2, h3, h4, h5, h6, pre, blockquote) {
  color: inherit;
}

.r2-description-editor .jodit-popup__content {
  max-height: 60vh;
  overflow: auto;
}

.r2-description-editor .jodit-popup .jodit-ui-group_line_true {
  height: auto;
  min-height: 0;
}

.r2-description-editor .jodit-popup .jodit-toolbar-button__button {
  width: 100%;
  height: auto;
  min-height: 26px;
  justify-content: flex-start;
  padding: 4px 8px;
}

.r2-description-editor .jodit-popup input,
.r2-description-editor .jodit-dialog input,
.r2-description-editor .jodit-dialog select,
.r2-description-editor .jodit-dialog textarea {
  border-color: #b3bdc8;
  background: #fff;
  color: #20252b;
}

@media (max-width: 600px) {
  .r2-description-editor .jodit-wysiwyg { padding: 12px; }
  .r2-description-editor .jodit-dialog { max-width: calc(100vw - 24px); }
}
