remirror/styles/all.css

One editing package to rule them all, one editing package to bind them.

/**
 * Styles extracted from: packages/remirror__theme/src/components-theme.ts
 */
.remirror-editor-wrapper {
  padding-top: var(--rmr-space-3);
}

.remirror-button-active {
  color: var(--rmr-color-primary-text) !important;
  background-color: var(--rmr-color-primary) !important;
}

.remirror-button {
  display: inline-flex;
  font-weight: 400;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.375em 0.75em;
  line-height: 1.5;
  border-radius: var(--rmr-radius-border);
  text-decoration: none;
  border: 1px solid var(--rmr-color-border);
  cursor: pointer;
  white-space: nowrap;
  color: var(--rmr-color-text);
  background-color: var(--rmr-color-background);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  font-size: 100%;
}

.remirror-button[aria-disabled='true'] {
  cursor: auto;
}

.remirror-button:not([aria-disabled='true']):hover {
  color: var(--rmr-color-hover-primary-text);
  border-color: var(--rmr-color-hover-border);
  background-color: var(--rmr-color-hover-primary);
}

.remirror-button:not([aria-disabled='true']):active,
.remirror-button:not([aria-disabled='true'])[data-active],
.remirror-button:not([aria-disabled='true'])[aria-expanded='true'] {
  color: var(--rmr-color-active-primary-text);
  border-color: var(--rmr-color-active-border);
  background-color: var(--rmr-color-active-primary);
}

/* Ensure a perceivable button border for users with Windows High Contrast
  mode enabled https://moderncss.dev/css-button-styling-guide/ */

@media screen and (-ms-high-contrast: active) {
  .remirror-button {
    border: 2px solid currentcolor;
  }
}

.remirror-composite {
  align-items: center;
  justify-content: center;
  padding: 0.375em 0.75em;
  font-size: 100%;
  border: 0;
  color: inherit;
  background-color: inherit;
}

.remirror-composite:not([aria-selected='true']) {
  color: inherit;
  background-color: inherit;
}

[aria-activedescendant='*']:focus .remirror-composite[aria-selected='true'],
[aria-activedescendant='*']:focus ~ * .remirror-composite[aria-selected='true'] {
  color: var(--rmr-color-text);
  background-color: var(--rmr-color-background);
}

.remirror-dialog {
  position: fixed;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: var(--rmr-radius-border);
  padding: 1em;
  max-height: calc(100vh - 56px);
  outline: 0;
  border: 1px solid var(--rmr-color-border);
  color: var(--rmr-color-text);
  z-index: 999;
}

.remirror-dialog:focus {
  box-shadow: 0 0 0 0.2em var(--rmr-color-shadow-1);
}

.remirror-dialog-backdrop {
  background-color: var(--rmr-color-backdrop);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}

.remirror-form > *:not(:first-child) {
  margin-top: 1rem;
}

.remirror-form-message {
  font-size: 0.8em;
  margin-top: 0.5rem !important;
}

.remirror-form-label {
  display: block;
  margin: 0 0 0.5rem 0 !important;
}

input[type='checkbox'] + .remirror-form-label,
input[type='radio'] + .remirror-form-label {
  display: inline-block;
  margin: 0 0 0 0.5rem !important;
}

.remirror-form-group {
  display: block;
  color: var(--rmr-color-text);
  border: 1px solid var(--rmr-color-border);
  border-radius: var(--rmr-radius-border);
  padding: 0.5rem 1rem 1rem;
}

.remirror-form-group > * {
  display: block;
}

.remirror-group {
  display: flex;
}

.remirror-group > :not(:first-child) {
  margin-left: -1px;
}

.remirror-group > :not(:first-child):not(:last-child):not(.first-child):not(.last-child) {
  border-radius: 0;
}

.remirror-group > :first-child:not(:last-child),
.remirror-group > .first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.remirror-group > :last-child:not(:first-child),
.remirror-group > .last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.remirror-input {
  display: block;
  width: 100%;
  border-radius: var(--rmr-radius-border);
  padding: 0.5em 0.75em;
  font-size: 100%;
  border: 1px solid var(--rmr-hue-gray-2);
  color: var(--rmr-hue-gray-5);
  margin: 0 !important;
}

.remirror-input:focus {
  border-color: var(--rmr-hue-gray-3);
}

.remirror-menu {
  display: flex;
  border-radius: 0;
}

.remirror-menu-pane {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: var(--rmr-space-1);
  padding-bottom: var(--rmr-space-1);
  padding-right: var(--rmr-space-2);
}

.remirror-menu-pane-active {
  color: var(--rmr-color-primary-text);
  background-color: var(--rmr-color-primary);
}

.remirror-menu-dropdown-label {
  padding: 0 var(--rmr-space-2);
}

.remirror-menu-pane-icon {
  position: absolute;
  left: 8px;
  width: 20px;
  color: var(--rmr-hue-gray-7);
}

button:hover .remirror-menu-pane-icon,
button:active .remirror-menu-pane-icon,
[aria-checked='true'] .remirror-menu-pane-icon {
  color: var(--rmr-hue-gray-1);
}

.remirror-menu-pane-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: var(--rmr-space-3);
}

.remirror-menu-pane-shortcut {
  align-self: flex-end;
  color: var(--rmr-hue-gray-6);
}

button:hover .remirror-menu-pane-shortcut,
button:active .remirror-menu-pane-shortcut,
[aria-checked='true'] .remirror-menu-pane-shortcut {
  color: var(--rmr-hue-gray-1);
}

[role='menu'] > .remirror-menu-button-left {
  left: var(--rmr-space-2);
}

[role='menu'] > .remirror-menu-button-right {
  right: var(--rmr-space-2);
}

.remirror-menu-button-nested-left svg {
  margin-right: var(--rmr-space-2);
}

[role='menu'] > .remirror-menu-button-nested-right {
  padding-right: 2em !important;
}

.remirror-menu-button-nested-right svg {
  margin-left: var(--rmr-space-2);
}

.remirror-menu-button {
  position: relative;
}

.remirror-menu-button svg {
  fill: currentColor;
  width: 0.65em;
  height: 0.65em;
}

[role='menu'] > .remirror-menu-button svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

[role='menubar'] > .remirror-menu-button svg {
  display: none;
}

.remirror-menu-bar {
  position: relative;
  display: flex;
  white-space: nowrap;
  box-shadow: none !important;
}

.remirror-menu-bar[aria-orientation='vertical'] {
  padding: 0.25em 0;
}

.remirror-menu-bar[aria-orientation='horizontal'] {
  padding: 0;
}

.remirror-flex-column {
  flex-direction: column;
}

.remirror-flex-row {
  flex-direction: row;
}

.remirror-menu-item {
  line-height: 1.5;
  text-align: left;
  justify-content: flex-start;
  border: 0;
  border-radius: 0;
  font-size: 100%;
  background: transparent;
  color: var(--rmr-color-foreground);
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  text-decoration: none;
}

.remirror-menu-item:focus,
.remirror-menu-item[aria-expanded='true'] {
  background-color: var(--rmr-color-primary);
  color: var(--rmr-color-primary-text);
  box-shadow: none !important;
}

.remirror-menu-item:active,
.remirror-menu-item[data-active] {
  background-color: var(--rmr-color-active-primary) !important;
  color: var(--rmr-color-active-primary-text) !important;
}

.remirror-menu-item:disabled {
  opacity: 0.5;
}

.remirror-menu-item-row {
  padding: 0 var(--rmr-space-2);
}

.remirror-menu-item-column {
  padding: 0 var(--rmr-space-4);
}

.remirror-menu-item-checkbox {
  position: relative;
  outline: 0;
}

.remirror-menu-item-checkbox[aria-checked='true']:before {
  content: '✓';
  position: absolute;
  top: 0;
  left: 0.4em;
  width: 1em;
  height: 1em;
}

.remirror-menu-item-radio {
  position: relative;
  outline: 0;
}

.remirror-menu-item-radio[aria-checked='true']:before {
  content: '•';
  position: absolute;
  font-size: 1.4em;
  top: -0.25em;
  left: 0.35em;
  width: 0.7142857143em;
  height: 0.7142857143em;
}

.remirror-menu-group {
  display: inherit;
  flex-direction: inherit;
}

.remirror-floating-popover {
  /* padding: var(--rmr-space-2); */
  padding: 0;
  border: none;
  max-height: calc(100vh - 56px);
}

.remirror-popover [data-arrow] {
  background-color: transparent;
}

.remirror-popover [data-arrow] .stroke {
  fill: var(--rmr-color-border);
}

.remirror-popover [data-arrow] .fill {
  fill: var(--rmr-color-background);
}

.remirror-animated-popover {
  transition:
    opacity 250ms ease-in-out,
    transform 250ms ease-in-out;
  opacity: 0;
  transform-origin: top center;
  transform: translate3d(0, -20px, 0);
}

[data-enter] .remirror-animated-popover {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.remirror-role {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: var(--rmr-font-family-default);
  color: var(--rmr-color-text);
  background-color: var(--rmr-color-background);
  /* border: 1px solid var(--rmr-color-border); */
}

.remirror-separator {
  border: 1px solid var(--rmr-color-border);
  border-width: 0 1px 0 0;
  margin: 0 0.5em;
  padding: 0;
  width: 0;
  height: auto;
}

.remirror-separator[aria-orientation='horizontal'] {
  border-width: 0 0 1px 0;
  margin: 0.5em 0;
  width: auto;
  height: 0;
}

.remirror-tab {
  background-color: transparent;
  border: 1px solid transparent;
  border-width: 1px 1px 0 1px;
  border-radius: var(--rmr-radius-border) var(--rmr-radius-border) 0 0;
  font-size: 100%;
  padding: 0.5em 1em;
  margin: 0 0 -1px 0;
}

.remirror-tab[aria-selected='true'] {
  background-color: var(--rmr-color-background);
  border-color: var(--rmr-color-border);
}

[aria-orientation='vertical'] .remirror-tab {
  border-width: 1px 0 1px 1px;
  border-radius: 0.2em 0 0 0.2em;
  margin: 0 -1px 0 0;
}

.remirror-tab-list {
  display: flex;
  flex-direction: row;
  border: 1px solid var(--rmr-color-border);
  border-width: 0 0 1px 0;
  margin: 0 0 1em 0;
}

.remirror-tab-list[aria-orientation='vertical'] {
  flex-direction: column;
  border-width: 0 1px 0 0;
  margin: 0 1em 0 0;
}

.remirror-tabbable:not([type='checkbox']):not([type='radio']) {
  /* transition: box-shadow 0.15s ease-in-out; */
  outline: 0;
}

.remirror-tabbable:not([type='checkbox']):not([type='radio']):focus {
  box-shadow: var(--rmr-color-outline) 0px 0px 0px 0.2em;
  position: relative;
  z-index: 2;
}

.remirror-tabbable:not([type='checkbox']):not([type='radio']):hover {
  z-index: 2;
}

.remirror-tabbable[aria-disabled='true'] {
  opacity: 0.5;
}

.remirror-toolbar {
  display: flex;
  flex-direction: row;

  overflow-y: auto;
}

.remirror-toolbar > *:not(:first-child) {
  margin: 0 0 0 0.5em;
}

.remirror-toolbar[aria-orientation='vertical'] {
  display: inline-flex;
  flex-direction: column;
}

.remirror-toolbar[aria-orientation='vertical'] > *:not(:first-child) {
  margin: 0.5em 0 0;
}

.remirror-tooltip {
  background-color: var(--rmr-color-faded);
  color: white;
  font-size: 0.8em;
  padding: 0.5rem;
  border-radius: var(--rmr-radius-border);
  z-index: 999;
}

.remirror-tooltip [data-arrow] {
  background-color: transparent;
}

.remirror-tooltip [data-arrow] .stroke {
  fill: transparent;
}

.remirror-tooltip [data-arrow] .fill {
  fill: var(--rmr-hue-gray-8);
}

.remirror-table-size-editor {
  background: var(--rmr-color-background);
  box-shadow: var(--rmr-color-shadow-1);
  font-family: var(--rmr-font-family-default);
  font-size: var(--rmr-font-size-1);
}

.remirror-table-size-editor-body {
  position: relative;
}

.remirror-table-size-editor-body::after {
  background: rgba(0, 0, 0, 0);
  bottom: -50px;
  content: '';
  left: 0;
  position: absolute;
  right: -50px;
  top: -50px;
}

.remirror-table-size-editor-cell {
  border: var(--rmr-color-border);
  position: absolute;
  z-index: 2;
}

.remirror-table-size-editor-cell-selected {
  background: var(--rmr-color-table-selected-border);
  border-color: var(--rmr-color-border);
}

.remirror-table-size-editor-footer {
  padding-bottom: var(--rmr-space-1);
  text-align: center;
}

.remirror-color-picker {
  background: var(--rmr-color-background);
  box-shadow: var(--rmr-box-shadow-1);
  font-family: var(--rmr-font-family-default);
  font-size: var(--rmr-font-size-1);
  padding: var(--rmr-space-2) var(--rmr-space-3);
}

.remirror-color-picker-cell {
}

.remirror-color-picker-cell-selected {
}

/**
 * Styles extracted from: packages/remirror__theme/src/core-theme.ts
 */
.remirror-editor.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  position: relative;
  font-variant-ligatures: none;
  font-feature-settings: 'liga' 0;
  overflow-y: scroll;
}

.remirror-editor.ProseMirror pre {
  white-space: pre-wrap;
}

.remirror-editor.ProseMirror li {
  position: relative;
}

.remirror-editor.ProseMirror hr {
  border-color: #2e2e2e;
}

/* Protect against generic img rules. See also https://github.com/ProseMirror/prosemirror-view/commit/aaa50d592074c8063fc2ef77907ab6d0373822fb */

.remirror-editor.ProseMirror img.ProseMirror-separator {
  display: inline !important;
  border: none !important;
  margin: 0 !important;
}
.remirror-editor.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
  color: inherit;
}
.remirror-editor.ProseMirror-hideselection *::selection {
  background: transparent;
  color: inherit;
}
.remirror-editor.ProseMirror-hideselection *::-moz-selection {
  background: transparent;
  color: inherit;
}
.remirror-editor.ProseMirror-hideselection {
  caret-color: transparent;
}
.remirror-editor .ProseMirror-selectednode {
  outline: 2px solid #8cf;
}
/* Make sure li selections wrap around markers */
.remirror-editor li.ProseMirror-selectednode {
  outline: none;
}
.remirror-editor li.ProseMirror-selectednode:after {
  content: '';
  position: absolute;
  left: -32px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-blockquote-theme.ts
 */
.remirror-editor.ProseMirror blockquote {
  border-left: 3px solid var(--rmr-hue-gray-3);
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  font-style: italic;
}
.remirror-editor.ProseMirror blockquote p {
  color: #888;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-callout-theme.ts
 */
.remirror-editor div[data-callout-type] {
  display: flex;
  margin-left: 0;
  margin-right: 0;
  padding: 10px;
  border-left: 2px solid transparent;
}

.remirror-editor div[data-callout-type] > :not(.remirror-callout-emoji-wrapper) {
  margin-left: 8px;
  flex-grow: 1;
}
.remirror-editor div[data-callout-type='info'] {
  background: #eef6fc;
  border-left-color: #3298dc;
}
.remirror-editor div[data-callout-type='warning'] {
  background: #fffbeb;
  border-left-color: #ffdd57;
}
.remirror-editor div[data-callout-type='error'] {
  background: #feecf0;
  border-left-color: #f14668;
}
.remirror-editor div[data-callout-type='success'] {
  background: #effaf3;
  border-left-color: #48c774;
}
.remirror-editor div[data-callout-type='blank'] {
  background: #f8f8f8;
}

/**
 * Styles extracted from: packages/remirror__theme/src/extension-code-block-theme.ts
 */
.remirror-wrap {
  white-space: pre-wrap !important;
}

.remirror-code-block-tools-positioner {
  position: absolute;
  top: var(--y);
  left: var(--x);
  transform: translateX(var(--translate-x));
}

.remirror-language-select-width {
  width: var(--w);
}

.remirror-a11y-dark code[class*='language-'],
.remirror-a11y-dark pre[class*='language-'] {
  color: #f8f8f2;
  background: none;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */

.remirror-a11y-dark pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}

.remirror-a11y-dark :not(pre) > code[class*='language-'],
.remirror-a11y-dark pre[class*='language-'] {
  background: #2b2b2b;
}

/* Inline code */

.remirror-a11y-dark :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.remirror-a11y-dark .token.comment,
.remirror-a11y-dark .token.prolog,
.remirror-a11y-dark .token.doctype,
.remirror-a11y-dark .token.cdata {
  color: #d4d0ab;
}

.remirror-a11y-dark .token.punctuation,
.remirror-a11y-dark .token.punctuation.important {
  color: #fefefe;
}

.remirror-a11y-dark .token.property,
.remirror-a11y-dark .token.tag,
.remirror-a11y-dark .token.constant,
.remirror-a11y-dark .token.symbol,
.remirror-a11y-dark .token.deleted {
  color: #ffa07a;
}

.remirror-a11y-dark .token.boolean,
.remirror-a11y-dark .token.number {
  color: #00e0e0;
}

.remirror-a11y-dark .token.selector,
.remirror-a11y-dark .token.attr-name,
.remirror-a11y-dark .token.string,
.remirror-a11y-dark .token.char,
.remirror-a11y-dark .token.builtin,
.remirror-a11y-dark .token.inserted {
  color: #abe338;
}

.remirror-a11y-dark .token.operator,
.remirror-a11y-dark .token.entity,
.remirror-a11y-dark .token.url,
.remirror-a11y-dark .language-css .token.string,
.remirror-a11y-dark .style .token.string,
.remirror-a11y-dark .token.variable {
  color: #00e0e0;
}

.remirror-a11y-dark .token.atrule,
.remirror-a11y-dark .token.attr-value,
.remirror-a11y-dark .token.function {
  color: #ffd700;
}

.remirror-a11y-dark .token.keyword {
  color: #00e0e0;
}

.remirror-a11y-dark .token.regex,
.remirror-a11y-dark .token.important {
  color: #ffd700;
}

.remirror-a11y-dark .token.important,
.remirror-a11y-dark .token.bold {
  font-weight: bold;
}

.remirror-a11y-dark .token.italic {
  font-style: italic;
}

.remirror-a11y-dark .token.entity {
  cursor: help;
}

@media screen and (-ms-high-contrast: active) {
  .remirror-a11y-dark code[class*='language-'],
  .remirror-a11y-dark pre[class*='language-'] {
    color: windowText;
    background: window;
  }
  .remirror-a11y-dark :not(pre) > code[class*='language-'],
  .remirror-a11y-dark pre[class*='language-'] {
    background: window;
  }
  .remirror-a11y-dark .token.important {
    background: highlight;
    color: window;
    font-weight: normal;
  }
  .remirror-a11y-dark .token.atrule,
  .remirror-a11y-dark .token.attr-value,
  .remirror-a11y-dark .token.function,
  .remirror-a11y-dark .token.keyword,
  .remirror-a11y-dark .token.operator,
  .remirror-a11y-dark .token.selector {
    font-weight: bold;
  }
  .remirror-a11y-dark .token.attr-value,
  .remirror-a11y-dark .token.comment,
  .remirror-a11y-dark .token.doctype,
  .remirror-a11y-dark .token.function,
  .remirror-a11y-dark .token.keyword,
  .remirror-a11y-dark .token.operator,
  .remirror-a11y-dark .token.property,
  .remirror-a11y-dark .token.string {
    color: highlight;
  }
  .remirror-a11y-dark .token.attr-value,
  .remirror-a11y-dark .token.url {
    font-weight: normal;
  }
}

.remirror-atom-dark code[class*='language-'],
.remirror-atom-dark pre[class*='language-'] {
  color: #c5c8c6;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */

.remirror-atom-dark pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}

.remirror-atom-dark :not(pre) > code[class*='language-'],
.remirror-atom-dark pre[class*='language-'] {
  background: #1d1f21;
}

/* Inline code */

.remirror-atom-dark :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-atom-dark .token.comment,
.remirror-atom-dark .token.prolog,
.remirror-atom-dark .token.doctype,
.remirror-atom-dark .token.cdata {
  color: #7c7c7c;
}

.remirror-atom-dark .token.punctuation,
.remirror-atom-dark .token.punctuation.important {
  color: #c5c8c6;
}

.remirror-atom-dark .namespace {
  opacity: 0.7;
}

.remirror-atom-dark .token.property,
.remirror-atom-dark .token.keyword,
.remirror-atom-dark .token.tag {
  color: #96cbfe;
}

.remirror-atom-dark .token.class-name {
  color: #ffffb6;
  text-decoration: underline;
}

.remirror-atom-dark .token.boolean,
.remirror-atom-dark .token.constant {
  color: #99cc99;
}

.remirror-atom-dark .token.symbol,
.remirror-atom-dark .token.deleted {
  color: #f92672;
}

.remirror-atom-dark .token.number {
  color: #ff73fd;
}

.remirror-atom-dark .token.selector,
.remirror-atom-dark .token.attr-name,
.remirror-atom-dark .token.string,
.remirror-atom-dark .token.char,
.remirror-atom-dark .token.builtin,
.remirror-atom-dark .token.inserted {
  color: #a8ff60;
}

.remirror-atom-dark .token.variable {
  color: #c6c5fe;
}

.remirror-atom-dark .token.operator {
  color: #ededed;
}

.remirror-atom-dark .token.entity {
  color: #ffffb6;
  /* text-decoration: underline; */
}

.remirror-atom-dark .token.url {
  color: #96cbfe;
}

.remirror-atom-dark .language-css .token.string,
.remirror-atom-dark .style .token.string {
  color: #87c38a;
}

.remirror-atom-dark .token.atrule,
.remirror-atom-dark .token.attr-value {
  color: #f9ee98;
}

.remirror-atom-dark .token.function {
  color: #dad085;
}

.remirror-atom-dark .token.regex {
  color: #e9c062;
}

.remirror-atom-dark .token.important {
  color: #fd971f;
}

.remirror-atom-dark .token.important,
.remirror-atom-dark .token.bold {
  font-weight: bold;
}

.remirror-atom-dark .token.italic {
  font-style: italic;
}

.remirror-atom-dark .token.entity {
  cursor: help;
}

.remirror-base16-ateliersulphurpool-light code[class*='language-'],
.remirror-base16-ateliersulphurpool-light pre[class*='language-'] {
  font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
    'Nimbus Mono L', 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #f5f7ff;
  color: #5e6687;
}

.remirror-base16-ateliersulphurpool-light pre[class*='language-']::-moz-selection,
.remirror-base16-ateliersulphurpool-light pre[class*='language-'] ::-moz-selection,
.remirror-base16-ateliersulphurpool-light code[class*='language-']::-moz-selection,
.remirror-base16-ateliersulphurpool-light code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #dfe2f1;
}

.remirror-base16-ateliersulphurpool-light pre[class*='language-']::-moz-selection,
.remirror-base16-ateliersulphurpool-light pre[class*='language-'] ::-moz-selection,
.remirror-base16-ateliersulphurpool-light code[class*='language-']::-moz-selection,
.remirror-base16-ateliersulphurpool-light code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #dfe2f1;
}

.remirror-base16-ateliersulphurpool-light pre[class*='language-']::selection,
.remirror-base16-ateliersulphurpool-light pre[class*='language-'] ::selection,
.remirror-base16-ateliersulphurpool-light code[class*='language-']::selection,
.remirror-base16-ateliersulphurpool-light code[class*='language-'] ::selection {
  text-shadow: none;
  background: #dfe2f1;
}

/* Code blocks */

.remirror-base16-ateliersulphurpool-light pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

/* Inline code */

.remirror-base16-ateliersulphurpool-light :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-base16-ateliersulphurpool-light .token.comment,
.remirror-base16-ateliersulphurpool-light .token.prolog,
.remirror-base16-ateliersulphurpool-light .token.doctype,
.remirror-base16-ateliersulphurpool-light .token.cdata {
  color: #898ea4;
}

.remirror-base16-ateliersulphurpool-light .token.punctuation,
.remirror-base16-ateliersulphurpool-light .token.punctuation.important {
  color: #5e6687;
}

.remirror-base16-ateliersulphurpool-light .token.namespace {
  opacity: 0.7;
}

.remirror-base16-ateliersulphurpool-light .token.operator,
.remirror-base16-ateliersulphurpool-light .token.boolean,
.remirror-base16-ateliersulphurpool-light .token.number {
  color: #c76b29;
}

.remirror-base16-ateliersulphurpool-light .token.property {
  color: #c08b30;
}

.remirror-base16-ateliersulphurpool-light .token.tag {
  color: #3d8fd1;
}

.remirror-base16-ateliersulphurpool-light .token.string {
  color: #22a2c9;
}

.remirror-base16-ateliersulphurpool-light .token.selector {
  color: #6679cc;
}

.remirror-base16-ateliersulphurpool-light .token.attr-name {
  color: #c76b29;
}

.remirror-base16-ateliersulphurpool-light .token.entity,
.remirror-base16-ateliersulphurpool-light .token.url,
.remirror-base16-ateliersulphurpool-light .language-css .token.string,
.remirror-base16-ateliersulphurpool-light .style .token.string {
  color: #22a2c9;
}

.remirror-base16-ateliersulphurpool-light .token.attr-value,
.remirror-base16-ateliersulphurpool-light .token.keyword,
.remirror-base16-ateliersulphurpool-light .token.control,
.remirror-base16-ateliersulphurpool-light .token.directive,
.remirror-base16-ateliersulphurpool-light .token.unit {
  color: #ac9739;
}

.remirror-base16-ateliersulphurpool-light .token.statement,
.remirror-base16-ateliersulphurpool-light .token.regex,
.remirror-base16-ateliersulphurpool-light .token.atrule {
  color: #22a2c9;
}

.remirror-base16-ateliersulphurpool-light .token.placeholder,
.remirror-base16-ateliersulphurpool-light .token.variable {
  color: #3d8fd1;
}

.remirror-base16-ateliersulphurpool-light .token.deleted {
  text-decoration: line-through;
}

.remirror-base16-ateliersulphurpool-light .token.inserted {
  border-bottom: 1px dotted #202746;
  text-decoration: none;
}

.remirror-base16-ateliersulphurpool-light .token.italic {
  font-style: italic;
}

.remirror-base16-ateliersulphurpool-light .token.important,
.remirror-base16-ateliersulphurpool-light .token.bold {
  font-weight: bold;
}

.remirror-base16-ateliersulphurpool-light .token.important {
  color: #c94922;
}

.remirror-base16-ateliersulphurpool-light .token.entity {
  cursor: help;
}

.remirror-base16-ateliersulphurpool-light pre > code.highlight {
  outline: 0.4em solid #c94922;
  outline-offset: 0.4em;
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */

.remirror-base16-ateliersulphurpool-light .line-numbers .line-numbers-rows {
  border-right-color: #dfe2f1;
}

.remirror-base16-ateliersulphurpool-light .line-numbers-rows > span:before {
  color: #979db4;
}

/* overrides color-values for the Line Highlight plugin
 * http://prismjs.com/plugins/line-highlight/
 */

.remirror-base16-ateliersulphurpool-light .line-highlight {
  background: rgba(107, 115, 148, 0.2);
  background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
}

.remirror-cb code[class*='language-'],
.remirror-cb pre[class*='language-'] {
  color: #fff;
  text-shadow: 0 1px 1px #000;
  font-family: Menlo, Monaco, 'Courier New', monospace;
  direction: ltr;
  text-align: left;
  word-spacing: normal;
  white-space: pre;
  word-wrap: normal;
  line-height: 1.4;
  background: none;
  border: 0;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.remirror-cb pre[class*='language-'] code {
  float: left;
  padding: 0 15px 0 0;
}

.remirror-cb pre[class*='language-'],
.remirror-cb :not(pre) > code[class*='language-'] {
  background: #222;
}

/* Code blocks */

.remirror-cb pre[class*='language-'] {
  padding: 15px;
  margin: 1em 0;
  overflow: auto;
  border-radius: 8px;
}

/* Inline code */

.remirror-cb :not(pre) > code[class*='language-'] {
  padding: 5px 10px;
  line-height: 1;
  border-radius: 3px;
}

.remirror-cb .token.comment,
.remirror-cb .token.prolog,
.remirror-cb .token.doctype,
.remirror-cb .token.cdata {
  color: #797979;
}

.remirror-cb .token.selector,
.remirror-cb .token.operator,
.remirror-cb .token.punctuation,
.remirror-cb .token.punctuation.important {
  color: #fff;
}

.remirror-cb .token.namespace {
  opacity: 0.7;
}

.remirror-cb .token.tag,
.remirror-cb .token.boolean {
  color: #ffd893;
}

.remirror-cb .token.atrule,
.remirror-cb .token.attr-value,
.remirror-cb .token.hex,
.remirror-cb .token.string {
  color: #b0c975;
}

.remirror-cb .token.property,
.remirror-cb .token.entity,
.remirror-cb .token.url,
.remirror-cb .token.attr-name,
.remirror-cb .token.keyword {
  color: #c27628;
}

.remirror-cb .token.regex {
  color: #9b71c6;
}

.remirror-cb .token.entity {
  cursor: help;
}

.remirror-cb .token.function,
.remirror-cb .token.constant {
  color: #e5a638;
}

.remirror-cb .token.variable {
  color: #fdfba8;
}

.remirror-cb .token.number {
  color: #8799b0;
}

.remirror-cb .token.important,
.remirror-cb .token.deliminator {
  color: #e45734;
}

/* Line highlight plugin */

.remirror-cb pre[data-line] {
  position: relative;
  padding: 1em 0 1em 3em;
}

.remirror-cb .line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 1em; /* Same as .prism's padding-top */
  background: rgba(255, 255, 255, 0.2);
  pointer-events: none;
  line-height: inherit;
  white-space: pre;
}

.remirror-cb .line-highlight:before,
.remirror-cb .line-highlight[data-end]:after {
  content: attr(data-start);
  position: absolute;
  top: 0.3em;
  left: 0.6em;
  min-width: 1em;
  padding: 0 0.5em;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  font: bold 65%/1.5 sans-serif;
  text-align: center;
  border-radius: 8px;
  text-shadow: none;
}

.remirror-cb .line-highlight[data-end]:after {
  content: attr(data-end);
  top: auto;
  bottom: 0.4em;
}

/* for line numbers */

.remirror-cb .line-numbers-rows {
  margin: 0;
}

.remirror-cb .line-numbers-rows span {
  padding-right: 10px;
  border-right: 3px #d9d336 solid;
}

.remirror-darcula code[class*='language-'],
.remirror-darcula pre[class*='language-'] {
  color: #a9b7c6;
  font-family: Consolas, Monaco, 'Andale Mono', monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.remirror-darcula pre[class*='language-']::-moz-selection,
.remirror-darcula pre[class*='language-'] ::-moz-selection,
.remirror-darcula code[class*='language-']::-moz-selection,
.remirror-darcula code[class*='language-'] ::-moz-selection {
  color: inherit;
  background: rgba(33, 66, 131, 0.85);
}

.remirror-darcula pre[class*='language-']::-moz-selection,
.remirror-darcula pre[class*='language-'] ::-moz-selection,
.remirror-darcula code[class*='language-']::-moz-selection,
.remirror-darcula code[class*='language-'] ::-moz-selection {
  color: inherit;
  background: rgba(33, 66, 131, 0.85);
}

.remirror-darcula pre[class*='language-']::selection,
.remirror-darcula pre[class*='language-'] ::selection,
.remirror-darcula code[class*='language-']::selection,
.remirror-darcula code[class*='language-'] ::selection {
  color: inherit;
  background: rgba(33, 66, 131, 0.85);
}

/* Code blocks */

.remirror-darcula pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

.remirror-darcula :not(pre) > code[class*='language-'],
.remirror-darcula pre[class*='language-'] {
  background: #2b2b2b;
}

/* Inline code */

.remirror-darcula :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-darcula .token.comment,
.remirror-darcula .token.prolog,
.remirror-darcula .token.cdata {
  color: #808080;
}

.remirror-darcula .token.delimiter,
.remirror-darcula .token.boolean,
.remirror-darcula .token.keyword,
.remirror-darcula .token.selector,
.remirror-darcula .token.important,
.remirror-darcula .token.atrule {
  color: #cc7832;
}

.remirror-darcula .token.operator,
.remirror-darcula .token.punctuation,
.remirror-darcula .token.attr-name {
  color: #a9b7c6;
}

.remirror-darcula .token.tag,
.remirror-darcula .token.tag .punctuation,
.remirror-darcula .token.doctype,
.remirror-darcula .token.builtin {
  color: #e8bf6a;
}

.remirror-darcula .token.entity,
.remirror-darcula .token.number,
.remirror-darcula .token.symbol {
  color: #6897bb;
}

.remirror-darcula .token.property,
.remirror-darcula .token.constant,
.remirror-darcula .token.variable {
  color: #9876aa;
}

.remirror-darcula .token.string,
.remirror-darcula .token.char {
  color: #6a8759;
}

.remirror-darcula .token.attr-value,
.remirror-darcula .token.attr-value .punctuation {
  color: #a5c261;
}

.remirror-darcula .token.attr-value .punctuation:first-of-type {
  color: #a9b7c6;
}

.remirror-darcula .token.url {
  color: #287bde;
  text-decoration: underline;
}

.remirror-darcula .token.function {
  color: #ffc66d;
}

.remirror-darcula .token.regex {
  background: #364135;
}

.remirror-darcula .token.bold {
  font-weight: bold;
}

.remirror-darcula .token.italic {
  font-style: italic;
}

.remirror-darcula .token.inserted {
  background: #294436;
}

.remirror-darcula .token.deleted {
  background: #484a4a;
}

/*code.language-css .token.punctuation, .token.punctuation.important {color:
  #cc7832;
}*/

.remirror-darcula code.language-css .token.property,
.remirror-darcula code.language-css .token.property + .token.punctuation,
.remirror-darcula .token.punctuation.important {
  color: #a9b7c6;
}

.remirror-darcula code.language-css .token.id {
  color: #ffc66d;
}

.remirror-darcula code.language-css .token.selector > .token.class,
.remirror-darcula code.language-css .token.selector > .token.attribute,
.remirror-darcula code.language-css .token.selector > .token.pseudo-class,
.remirror-darcula code.language-css .token.selector > .token.pseudo-element {
  color: #ffc66d;
}

.remirror-dracula code[class*='language-'],
.remirror-dracula pre[class*='language-'] {
  color: #f8f8f2;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */

.remirror-dracula pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}

.remirror-dracula :not(pre) > code[class*='language-'],
.remirror-dracula pre[class*='language-'] {
  background: #282a36;
}

/* Inline code */

.remirror-dracula :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.remirror-dracula .token.comment,
.remirror-dracula .token.prolog,
.remirror-dracula .token.doctype,
.remirror-dracula .token.cdata {
  color: #6272a4;
}

.remirror-dracula .token.punctuation,
.remirror-dracula .token.punctuation.important {
  color: #f8f8f2;
}

.remirror-dracula .namespace {
  opacity: 0.7;
}

.remirror-dracula .token.property,
.remirror-dracula .token.tag,
.remirror-dracula .token.constant,
.remirror-dracula .token.symbol,
.remirror-dracula .token.deleted {
  color: #ff79c6;
}

.remirror-dracula .token.boolean,
.remirror-dracula .token.number {
  color: #bd93f9;
}

.remirror-dracula .token.selector,
.remirror-dracula .token.attr-name,
.remirror-dracula .token.string,
.remirror-dracula .token.char,
.remirror-dracula .token.builtin,
.remirror-dracula .token.inserted {
  color: #50fa7b;
}

.remirror-dracula .token.operator,
.remirror-dracula .token.entity,
.remirror-dracula .token.url,
.remirror-dracula .language-css .token.string,
.remirror-dracula .style .token.string,
.remirror-dracula .token.variable {
  color: #f8f8f2;
}

.remirror-dracula .token.atrule,
.remirror-dracula .token.attr-value,
.remirror-dracula .token.function,
.remirror-dracula .token.class-name {
  color: #f1fa8c;
}

.remirror-dracula .token.keyword {
  color: #8be9fd;
}

.remirror-dracula .token.regex,
.remirror-dracula .token.important {
  color: #ffb86c;
}

.remirror-dracula .token.important,
.remirror-dracula .token.bold {
  font-weight: bold;
}

.remirror-dracula .token.italic {
  font-style: italic;
}

.remirror-dracula .token.entity {
  cursor: help;
}

.remirror-duotone-dark code[class*='language-'],
.remirror-duotone-dark pre[class*='language-'] {
  font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
    'Nimbus Mono L', 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #2a2734;
  color: #9a86fd;
}

.remirror-duotone-dark pre[class*='language-']::-moz-selection,
.remirror-duotone-dark pre[class*='language-'] ::-moz-selection,
.remirror-duotone-dark code[class*='language-']::-moz-selection,
.remirror-duotone-dark code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #6a51e6;
}

.remirror-duotone-dark pre[class*='language-']::-moz-selection,
.remirror-duotone-dark pre[class*='language-'] ::-moz-selection,
.remirror-duotone-dark code[class*='language-']::-moz-selection,
.remirror-duotone-dark code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #6a51e6;
}

.remirror-duotone-dark pre[class*='language-']::selection,
.remirror-duotone-dark pre[class*='language-'] ::selection,
.remirror-duotone-dark code[class*='language-']::selection,
.remirror-duotone-dark code[class*='language-'] ::selection {
  text-shadow: none;
  background: #6a51e6;
}

/* Code blocks */

.remirror-duotone-dark pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

/* Inline code */

.remirror-duotone-dark :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-duotone-dark .token.comment,
.remirror-duotone-dark .token.prolog,
.remirror-duotone-dark .token.doctype,
.remirror-duotone-dark .token.cdata {
  color: #6c6783;
}

.remirror-duotone-dark .token.punctuation,
.remirror-duotone-dark .token.punctuation.important {
  color: #6c6783;
}

.remirror-duotone-dark .token.namespace {
  opacity: 0.7;
}

.remirror-duotone-dark .token.tag,
.remirror-duotone-dark .token.operator,
.remirror-duotone-dark .token.number {
  color: #e09142;
}

.remirror-duotone-dark .token.property,
.remirror-duotone-dark .token.function {
  color: #9a86fd;
}

.remirror-duotone-dark .token.tag-id,
.remirror-duotone-dark .token.selector,
.remirror-duotone-dark .token.atrule-id {
  color: #eeebff;
}

.remirror-duotone-dark code.language-javascript,
.remirror-duotone-dark .token.attr-name {
  color: #c4b9fe;
}

.remirror-duotone-dark code.language-css,
.remirror-duotone-dark code.language-scss,
.remirror-duotone-dark .token.boolean,
.remirror-duotone-dark .token.string,
.remirror-duotone-dark .token.entity,
.remirror-duotone-dark .token.url,
.remirror-duotone-dark .language-css .token.string,
.remirror-duotone-dark .language-scss .token.string,
.remirror-duotone-dark .style .token.string,
.remirror-duotone-dark .token.attr-value,
.remirror-duotone-dark .token.keyword,
.remirror-duotone-dark .token.control,
.remirror-duotone-dark .token.directive,
.remirror-duotone-dark .token.unit,
.remirror-duotone-dark .token.statement,
.remirror-duotone-dark .token.regex,
.remirror-duotone-dark .token.atrule {
  color: #ffcc99;
}

.remirror-duotone-dark .token.placeholder,
.remirror-duotone-dark .token.variable {
  color: #ffcc99;
}

.remirror-duotone-dark .token.deleted {
  text-decoration: line-through;
}

.remirror-duotone-dark .token.inserted {
  border-bottom: 1px dotted #eeebff;
  text-decoration: none;
}

.remirror-duotone-dark .token.italic {
  font-style: italic;
}

.remirror-duotone-dark .token.important,
.remirror-duotone-dark .token.bold {
  font-weight: bold;
}

.remirror-duotone-dark .token.important {
  color: #c4b9fe;
}

.remirror-duotone-dark .token.entity {
  cursor: help;
}

.remirror-duotone-dark pre > code.highlight {
  outline: 0.4em solid #8a75f5;
  outline-offset: 0.4em;
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */

.remirror-duotone-dark .line-numbers .line-numbers-rows {
  border-right-color: #2c2937;
}

.remirror-duotone-dark .line-numbers-rows > span:before {
  color: #3c3949;
}

/* overrides color-values for the Line Highlight plugin
* http://prismjs.com/plugins/line-highlight/
*/

.remirror-duotone-dark .line-highlight {
  background: rgba(224, 145, 66, 0.2);
  background: linear-gradient(to right, rgba(224, 145, 66, 0.2) 70%, rgba(224, 145, 66, 0));
}

.remirror-duotone-earth code[class*='language-'],
.remirror-duotone-earth pre[class*='language-'] {
  font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
    'Nimbus Mono L', 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #322d29;
  color: #88786d;
}

.remirror-duotone-earth pre[class*='language-']::-moz-selection,
.remirror-duotone-earth pre[class*='language-'] ::-moz-selection,
.remirror-duotone-earth code[class*='language-']::-moz-selection,
.remirror-duotone-earth code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #6f5849;
}

.remirror-duotone-earth pre[class*='language-']::-moz-selection,
.remirror-duotone-earth pre[class*='language-'] ::-moz-selection,
.remirror-duotone-earth code[class*='language-']::-moz-selection,
.remirror-duotone-earth code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #6f5849;
}

.remirror-duotone-earth pre[class*='language-']::selection,
.remirror-duotone-earth pre[class*='language-'] ::selection,
.remirror-duotone-earth code[class*='language-']::selection,
.remirror-duotone-earth code[class*='language-'] ::selection {
  text-shadow: none;
  background: #6f5849;
}

/* Code blocks */

.remirror-duotone-earth pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

/* Inline code */

.remirror-duotone-earth :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-duotone-earth .token.comment,
.remirror-duotone-earth .token.prolog,
.remirror-duotone-earth .token.doctype,
.remirror-duotone-earth .token.cdata {
  color: #6a5f58;
}

.remirror-duotone-earth .token.punctuation,
.remirror-duotone-earth .token.punctuation.important {
  color: #6a5f58;
}

.remirror-duotone-earth .token.namespace {
  opacity: 0.7;
}

.remirror-duotone-earth .token.tag,
.remirror-duotone-earth .token.operator,
.remirror-duotone-earth .token.number {
  color: #bfa05a;
}

.remirror-duotone-earth .token.property,
.remirror-duotone-earth .token.function {
  color: #88786d;
}

.remirror-duotone-earth .token.tag-id,
.remirror-duotone-earth .token.selector,
.remirror-duotone-earth .token.atrule-id {
  color: #fff3eb;
}

.remirror-duotone-earth code.language-javascript,
.remirror-duotone-earth .token.attr-name {
  color: #a48774;
}

.remirror-duotone-earth code.language-css,
.remirror-duotone-earth code.language-scss,
.remirror-duotone-earth .token.boolean,
.remirror-duotone-earth .token.string,
.remirror-duotone-earth .token.entity,
.remirror-duotone-earth .token.url,
.remirror-duotone-earth .language-css .token.string,
.remirror-duotone-earth .language-scss .token.string,
.remirror-duotone-earth .style .token.string,
.remirror-duotone-earth .token.attr-value,
.remirror-duotone-earth .token.keyword,
.remirror-duotone-earth .token.control,
.remirror-duotone-earth .token.directive,
.remirror-duotone-earth .token.unit,
.remirror-duotone-earth .token.statement,
.remirror-duotone-earth .token.regex,
.remirror-duotone-earth .token.atrule {
  color: #fcc440;
}

.remirror-duotone-earth .token.placeholder,
.remirror-duotone-earth .token.variable {
  color: #fcc440;
}

.remirror-duotone-earth .token.deleted {
  text-decoration: line-through;
}

.remirror-duotone-earth .token.inserted {
  border-bottom: 1px dotted #fff3eb;
  text-decoration: none;
}

.remirror-duotone-earth .token.italic {
  font-style: italic;
}

.remirror-duotone-earth .token.important,
.remirror-duotone-earth .token.bold {
  font-weight: bold;
}

.remirror-duotone-earth .token.important {
  color: #a48774;
}

.remirror-duotone-earth .token.entity {
  cursor: help;
}

.remirror-duotone-earth pre > code.highlight {
  outline: 0.4em solid #816d5f;
  outline-offset: 0.4em;
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/
 */

.remirror-duotone-earth .line-numbers .line-numbers-rows {
  border-right-color: #35302b;
}

.remirror-duotone-earth .line-numbers-rows > span:before {
  color: #46403d;
}

/* overrides color-values for the Line Highlight plugin
* http://prismjs.com/plugins/line-highlight/
*/

.remirror-duotone-earth .line-highlight {
  background: rgba(191, 160, 90, 0.2);
  background: linear-gradient(to right, rgba(191, 160, 90, 0.2) 70%, rgba(191, 160, 90, 0));
}

.remirror-duotone-forest code[class*='language-'],
.remirror-duotone-forest pre[class*='language-'] {
  font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
    'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
    'Nimbus Mono L', 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 1.375;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;

  -moz-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  background: #2a2d2a;
  color: #687d68;
}

.remirror-duotone-forest pre[class*='language-']::-moz-selection,
.remirror-duotone-forest pre[class*='language-'] ::-moz-selection,
.remirror-duotone-forest code[class*='language-']::-moz-selection,
.remirror-duotone-forest code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #435643;
}

.remirror-duotone-forest pre[class*='language-']::-moz-selection,
.remirror-duotone-forest pre[class*='language-'] ::-moz-selection,
.remirror-duotone-forest code[class*='language-']::-moz-selection,
.remirror-duotone-forest code[class*='language-'] ::-moz-selection {
  text-shadow: none;
  background: #435643;
}

.remirror-duotone-forest pre[class*='language-']::selection,
.remirror-duotone-forest pre[class*='language-'] ::selection,
.remirror-duotone-forest code[class*='language-']::selection,
.remirror-duotone-forest code[class*='language-'] ::selection {
  text-shadow: none;
  background: #435643;
}

/* Code blocks */

.remirror-duotone-forest pre[class*='language-'] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

/* Inline code */

.remirror-duotone-forest :not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.remirror-duotone-forest .token.comment,
.remirror-duotone-forest .token.prolog,
.remirror-duotone-forest .token.doctype,
.remirror-duotone-forest .token.cdata {
  color: #535f53;
}

.remirror-duotone-forest .token.punctuation,
.remirror-duotone-forest .token.punctuation.important {
  color: #535f53;
}

.remirror-duotone-forest .token.namespace {
  opacity: 0.7;
}

.remirror-duotone-forest .token.tag,
.remirror-duotone-forest .token.operator,
.remirror-duotone-forest .token.number {
  color: #a2b34d;
}

.remirror-duotone-forest .token.property,
.remirror-duotone-forest .token.function {
  color: #687d68;
}

.remirror-duotone-forest .token.tag-id,
.remirror-duotone-forest .token.selector,
.remirror-duotone-forest .token.atrule-id {
  color: #f0fff0;
}

.remirror-duotone-forest code.language-javascript,
.remirror-duotone-forest .token.attr-name {
  color: #b3d6b3;
}

.remirror-duotone-forest code.language-css,
.remirror-duotone-forest code.language-scss,
.remirror-duotone-forest .token.boolean,
.remirror-duotone-forest .token.string,
.remirror-duotone-forest .token.entity,
.remirror-duotone-forest .token.url,
.remirror-duotone-forest .language-css .token.string,
.remirror-duotone-forest .language-scss .token.string,
.remirror-duotone-forest .style .token.string,
.remirror-duotone-forest .token.attr-value,
.remirror-duotone-forest .token.keyword,
.remirror-duotone-forest .token.control,
.remirror-duotone-forest .token.directive,
.remirror-duotone-forest .token.unit,
.remirror-duotone-forest .token.statement,
.remirror-duotone-forest .token.regex,
.remirror-duotone-forest .token.atrule {
  color: #e5fb79;
}

.remirror-duotone-forest .token.placeholder,
.remirror-duotone-forest .token.variable {
  color: #e5fb79;
}

.remirror-duotone-forest .token.deleted {
  text-decoration: line-through;
}

.remirror-duotone-forest .token.inserted {
  border-bottom: 1px dotted #f0fff0;
  text-decoration: none;
}

.remirror-duotone-forest .token.italic {
  font-style: italic;
}

.remirror-duotone-forest .token.important,
.remirror-duotone-forest .token.bold {
  font-weight: bold;
}

.remirror-duotone-forest .token.important {
  color: #b3d6b3;
}

.remirror-duotone-forest .token.entity {
  cursor: help;
}

.remirror-duotone-forest pre > code.highlight {
  outline: 0.4em solid #5c705c;
  outline-offset: 0.4em;
}

/* overrides color-values for the Line Numbers plugin
 * http://prismjs.com/plugins/line-numbers/