const e = {
  text: "--mng-text",
  background: "--mng-background",
  string: "--mng-string",
  key: "--mng-key",
  number: "--mng-number",
  boolean: "--mng-boolean",
  null: "--mng-null",
  comment: "--mng-comment",
  curlyBrackets: "--mng-curly-brackets",
  squareBrackets: "--mng-square-brackets",
  keyword: "--mng-keyword",
  dashes: "--mng-dashes"
}, r = `
* {
  box-sizing: border-box;
}
:host {
  display: inline-grid;
  white-space: pre;
}
pre {
  width: 100%;
  height: inherit;
  overflow: auto;
  padding: 1em;
  margin: 0;
  background-color: var(${e.background});
  color: var(${e.text});
}
code {
  width: 100%;
  height: 100%;
  display: inline-block;
  outline: none;
  white-space: pre;
  word-wrap: normal;
}

:host {
  ${e.text}: #213547;
  ${e.background}: #f1f1f1;
  ${e.string}: #8b251e;
  ${e.key}: #c32b1d;
  ${e.number}: #4a845b;
  ${e.boolean}: #3716f5;
  ${e.null}: #3716f5;
  ${e.comment}: #4e862d;
  ${e.curlyBrackets}: #59913e;
  ${e.squareBrackets}: #59913e;
  ${e.keyword}: #666;
  ${e.dashes}: #444;
}

@media (prefers-color-scheme: dark) {
  :host {
    ${e.text}: #f1f1f1;
    ${e.background}: #1f1f1f;
    ${e.string}: #ce916f;
    ${e.key}: #9cdcfe;
    ${e.number}: #b5cea8;
    ${e.boolean}: #569cd6;
    ${e.null}: #569cd6;
    ${e.comment}: #438a55;
    ${e.curlyBrackets}: #ffd708;
    ${e.squareBrackets}: #da70b9;
    ${e.keyword}: #dcdcaa;
    ${e.dashes}: #ddd;
  }
}`;
export {
  e as n,
  r as t
};
