/**
 * Coldark Theme for Prism.js
 * Theme variation: Cold
 * Tested with HTML, CSS, JS, JSON, PHP, YAML, Bash script
 * @author Armand Philippot <contact@armandphilippot.com>
 * @homepage https://github.com/ArmandPhilippot/coldark-prism
 * @license MIT
 */

/* purgecss start ignore */

.demo-code div[class*='language-'] {
  position: relative;
  background: whitesmoke;
  border-radius: 0.75rem;
}

.demo-state pre {
  border-radius: 0.75rem;
}

.is-dark .demo-code div[class*='language-'] {
  background: #1a1a1f;
  color: #c0c0d1;
}

.is-dark .demo-code div[class*='language-'] code {
  background: #1a1a1f;
}

.is-dark .prism--token.prism--punctuation {
  color: #c0c0d1;
}

/* Line highlighting */

.highlight-lines {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-top: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 1.5;
  font-family: 'Fira Code', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono',
    monospace;
  font-size: 13px;
}

.highlight-lines .highlighted {
  background-color: rgba(0, 0, 0, 0.05);
  position: relative;
}

/* Line numbers mode */

.demo-code div[class*='language-'].line-numbers-mode {
  padding-left: 3.5rem;
}

.line-numbers-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1rem 0;
  width: 3.5rem;
  text-align: center;
  line-height: 1.5;
  font-family: 'Fira Code', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono',
    monospace;
  font-size: 13px;
  color: #888;
}

/* Language marker */

[class*='language-']::before {
  position: absolute;
  top: 0.6em;
  right: 1em;
  z-index: 2;
  font-size: 0.8rem;
  color: #888;
}

[class~='language-html']::before,
[class~='language-markup']::before {
  content: 'html';
}

[class~='language-md']::before,
[class~='language-markdown']::before {
  content: 'md';
}

[class~='language-css']::before {
  content: 'css';
}

[class~='language-sass']::before {
  content: 'sass';
}

[class~='language-scss']::before {
  content: 'scss';
}

[class~='language-less']::before {
  content: 'less';
}

[class~='language-stylus']::before {
  content: 'styl';
}

[class~='language-js']::before,
[class~='language-typescript']::before {
  content: 'js';
}

[class~='language-ts']::before,
[class~='language-typescript']::before {
  content: 'ts';
}

[class~='language-json']::before {
  content: 'json';
}

[class~='language-rb']::before,
[class~='language-ruby']::before {
  content: 'rb';
}

[class~='language-py']::before,
[class~='language-python']::before {
  content: 'py';
}

[class~='language-sh']::before,
[class~='language-bash']::before {
  content: 'sh';
}

[class~='language-php']::before {
  content: 'php';
}

[class~='language-go']::before {
  content: 'go';
}

[class~='language-rust']::before {
  content: 'rust';
}

[class~='language-java']::before {
  content: 'java';
}

[class~='language-c']::before {
  content: 'c';
}

[class~='language-yaml']::before {
  content: 'yaml';
}

[class~='language-dockerfile']::before {
  content: 'dockerfile';
}
[class~='language-vue']::before {
  content: 'vue';
}

code[class*='language-'],
.demo-code div[class*='language-'] pre {
  color: #575963;
  background: none;
  font-family: 'Fira Code', 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;
  tab-size: 4;
  hyphens: none;
  font-size: 13px;
}

.demo-code div[class*='language-'] pre {
  position: relative;
  z-index: 1;
}

.demo-code div[class*='language-'] pre::-moz-selection,
.demo-code div[class*='language-'] pre ::-moz-selection,
code[class*='language-']::-moz-selection,
code[class*='language-'] ::-moz-selection {
  background: #ebebeb;
}

.demo-code div[class*='language-'] pre::selection,
.demo-code div[class*='language-'] pre ::selection,
code[class*='language-']::selection,
code[class*='language-'] ::selection {
  background: #ebebeb;
}

/* Code blocks */
.demo-code div[class*='language-'] pre {
  padding: 1em;
  overflow: auto;
}

/* :not(pre) > code[class*='language-'],
pre[class*='language-'] {
  background: whitesmoke;
} */

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

.prism--token.prism--comment,
.prism--token.prism--prolog,
.prism--token.prism--doctype,
.prism--token.prism--cdata {
  color: #a0a1a7;
}

.prism--token.prism--punctuation {
  color: #111b27;
}

.prism--token.prism--delimiter.prism--important,
.prism--token.prism--selector .prism--parent,
.prism--token.prism--tag {
  color: #bf7236;
}

.prism--token.prism--attr-name,
.prism--token.prism--boolean,
.prism--token.prism--boolean.prism--important,
.prism--token.prism--number,
.prism--token.prism--constant,
.prism--token.prism--selector .prism--token.attribute {
  color: #678eaf;
}

.prism--token.prism--class-name,
.prism--token.prism--key,
.prism--token.prism--parameter,
.prism--token.prism--property,
.prism--token.prism--property-access,
.prism--token.prism--variable {
  color: #005a8e;
}

.prism--token.prism--attr-value,
.prism--token.prism--inserted,
.prism--token.prism--color,
.prism--token.prism--selector .prism--token.value,
.prism--token.prism--string,
.prism--token.prism--string .prism--token.prism--url-link {
  color: #41b883;
}

.prism--token.prism--builtin,
.prism--token.prism--keyword-array,
.prism--token.prism--package,
.prism--token.prism--regex {
  color: #af00af;
}

.prism--token.prism--function,
.prism--token.prism--selector .prism--token.prism--class,
.prism--token.prism--selector .prism--token.prism--id {
  color: #7c00aa;
}

.prism--token.prism--atrule .prism--token.prism--rule,
.prism--token.prism--combinator,
.prism--token.prism--keyword,
.prism--token.prism--operator,
.prism--token.prism--pseudo-class,
.prism--token.prism--pseudo-element,
.prism--token.prism--selector,
.prism--token.prism--unit {
  color: #a04900;
}

.prism--token.prism--deleted,
.prism--token.prism--important {
  color: #c22f2e;
}

.prism--token.prism--keyword-this,
.prism--token.prism--this {
  color: #005a8e;
}

.prism--token.prism--important,
.prism--token.prism--keyword-this,
.prism--token.prism--this,
.prism--token.prism--bold {
  font-weight: bold;
}

.prism--token.prism--delimiter.prism--important {
  font-weight: inherit;
}

.prism--token.prism--italic {
  font-style: italic;
}

.prism--token.prism--entity {
  cursor: help;
}

.language-markdown .prism--token.prism--title,
.language-markdown .prism--token.prism--title .prism--token.prism--punctuation {
  color: #005a8e;
  font-weight: bold;
}

.language-markdown .prism--token.prism--blockquote.prism--punctuation {
  color: #af00af;
}

.language-markdown .prism--token.prism--code {
  color: #bf7236;
}

.language-markdown .prism--token.hr.prism--punctuation {
  color: #005a8e;
}

.language-markdown .prism--token.url > .prism--token.content {
  color: #41b883;
}

.language-markdown .prism--token.prism--url-link {
  color: #678eaf;
}

.language-markdown .prism--token.list.prism--punctuation {
  color: #af00af;
}

.language-markdown .prism--token.prism--table-header {
  color: #111b27;
}

.language-json .prism--token.prism--operator {
  color: #111b27;
}

.language-scss .prism--token.prism--variable {
  color: #bf7236;
}

/* overrides color-values for the Show Invisibles plugin
  * https://prismjs.com/plugins/show-invisibles/
  */
.prism--token.tab:not(:empty)::before,
.prism--token.cr::before,
.prism--token.lf::before,
.prism--token.space::before {
  color: #a0a1a7;
}

/* overrides color-values for the Toolbar plugin
  * https://prismjs.com/plugins/toolbar/
  */
div.prism--code-toolbar > .toolbar a,
div.prism--code-toolbar > .toolbar button {
  color: whitesmoke;
  background: #005a8e;
}

div.prism--code-toolbar > .toolbar a:hover,
div.prism--code-toolbar > .toolbar a:focus,
div.prism--code-toolbar > .toolbar button:hover,
div.prism--code-toolbar > .toolbar button:focus {
  color: whitesmoke;
  background: #005a8eda;
  text-decoration: none;
}

div.prism--code-toolbar > .toolbar span,
div.prism--code-toolbar > .toolbar span:hover,
div.prism--code-toolbar > .toolbar span:focus {
  color: whitesmoke;
  background: #a0a1a7;
}

/* overrides color-values for the Line Highlight plugin
  * http://prismjs.com/plugins/line-highlight/
  */
.line-highlight {
  background: whitesmoke2f;
  background: linear-gradient(to right, whitesmoke2f 70%, whitesmoke25);
}

.line-highlight::before,
.line-highlight[data-end]::after {
  background-color: #a0a1a7;
  color: whitesmoke;
  box-shadow: 0 1px whitesmoke;
}

pre[id].linkable-line-numbers span.line-numbers-rows > span:hover::before {
  background-color: #a0a1a71f;
}

/* overrides color-values for the Line Numbers plugin
  * http://prismjs.com/plugins/line-numbers/
  */
.line-numbers .line-numbers-rows {
  border-right: 1px solid whitesmoke;
  background: #d0dae77a;
}

.line-numbers-rows > span::before {
  color: #a0a1a7da;
}

/* overrides color-values for the Match Braces plugin
  * https://prismjs.com/plugins/match-braces/
  */
.rainbow-braces .prism--token.prism--punctuation.prism--brace-level-1,
.rainbow-braces .prism--token.prism--punctuation.prism--brace-level-5,
.rainbow-braces .prism--token.prism--punctuation.prism--brace-level-9 {
  color: #678eaf;
}

.rainbow-braces .prism--token.prism--punctuation.prism--brace-level-2,
.rainbow-braces .prism--token.prism--punctuation.prism--brace-level-6,
.rainbow-braces .prism--token.prism--punctuation.prism--brace-level-10 {
  color: #af00af;
}

.rainbow-braces .prism--token.prism--punctuation.prism--brace-level-3,
.rainbow-braces .prism--token.prism--punctuation.prism--brace-level-7,
.rainbow-braces .prism--token.prism--punctuation.prism--brace-level-11 {
  color: #005a8e;
}

.rainbow-braces .prism--token.prism--punctuation.prism--brace-level-4,
.rainbow-braces .prism--token.prism--punctuation.prism--brace-level-8,
.rainbow-braces .prism--token.prism--punctuation.prism--brace-level-12 {
  color: #7c00aa;
}

/* overrides color-values for the Diff Highlight plugin
  * https://prismjs.com/plugins/diff-highlight/
  */
pre.diff-highlight > code .prism--token.deleted:not(.prism--prefix),
pre > code.diff-highlight .prism--token.deleted:not(.prism--prefix) {
  background-color: #c22f2e1f;
}

pre.diff-highlight > code .prism--token.inserted:not(.prism--prefix),
pre > code.diff-highlight .prism--token.inserted:not(.prism--prefix) {
  background-color: #41b8831f;
}

/* purgecss end ignore */
