/* PrismJS 1.30.0
https://prismjs.com/download#themes=prism-tomorrow&languages=markup+css+clike+javascript+bash+css-extras+diff+docker+markdown&plugins=line-numbers+autolinker+highlight-keywords+inline-color+normalize-whitespace+toolbar+copy-to-clipboard+diff-highlight */
/**
 * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/chriskempson/tomorrow-theme
 * @author Rose Pritchard
 */

code[class*="language-"],
pre[class*="language-"] {
   color: #ccc;
   background: none;
   /*font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;*/
   font-size: 1em;
   text-align: left;
   white-space: pre;
   word-spacing: normal;
   word-break: normal;
   word-wrap: normal;
   line-height: 1.5;

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

   -webkit-hyphens: none;
   -moz-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;

   background: var(--k-bg);
   color: var(--k-fg);
   text-shadow: none;
}

pre {
   border: 1px solid white;
   overflow: auto;
   border-radius: 1em;
   border: 1px solid;
   border-color: var(--k-gray-m);
   /*border-color: white;*/
}

code { font-family: inherit; vertical-align: bottom; }

:where(code, pre) ::selection {
   background: var(--k-gold-h); /* HighlightYank / Search feel */
   color: var(--k-black);
}

/* code blocks */
pre[class*="language-"] {
   padding: 1em;
   overflow: auto;
   background: var(--k-bg)
}

/* all inline code */

:not(pre) > code {
   padding: .2em .5em;
   border: 1px solid light-dark(black, white);
   border-radius: .3em;

   /*color: white;*/
   /*color: var(--k-fg);*/
   /*background-color: var(--k-bg);*/

   white-space: normal;
}

/* inline code using prism */

:not(pre) > code[class*="language-"] {
   /*background: var(--k-bg);*/
   /*background-color: var(--k-bg);*/
}


.token.punctuation { color: #ccc; }

.token.tag,
.token.attr-name,
.token.namespace,
.token.deleted {
   color: #e2777a;
}

.token.function-name {
   color: #6196cc;
}

.token.boolean,
.token.number,
.token.function {
   color: #f08d49;
}

.token.property,
.token.class-name,
.token.constant,
.token.symbol {
   color: #f8c555;
}

.token.selector,
.token.important,
.token.atrule,
.token.keyword,
.token.builtin {
   color: #cc99cd;
}

.token.string,
.token.char,
.token.attr-value,
.token.regex,
.token.variable {
   color: #7ec699;
}

.token.operator,
.token.entity,
.token.url {
   color: #67cdcc;
}

.token.important,
.token.bold {
   font-weight: bold;
}
.token.italic {
   font-style: italic;
}

.token.entity {
   cursor: help;
}

.token.inserted {
   color: green;
}

.token a {
   color: inherit;
}

span.inline-color-wrapper {
   /*
    * The background image is the following SVG inline in base 64:
    *
    * <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2">
    *     <path fill="gray" d="M0 0h2v2H0z"/>
    *     <path fill="white" d="M0 0h1v1H0zM1 1h1v1H1z"/>
    * </svg>
    *
    * SVG-inlining explained:
    * https://stackoverflow.com/a/21626701/7595472
    */
   background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0wIDBoMXYxSDB6TTEgMWgxdjFIMXoiLz48L3N2Zz4=");
   /* This is to prevent visual glitches where one pixel from the repeating pattern could be seen. */
   background-position: center;
   background-size: 110%;

   display: inline-block;
   height: 1.333ch;
   width: 1.333ch;
   margin: 0 .333ch;
   box-sizing: border-box;
   border: 1px solid white;
   outline: 1px solid rgba(0,0,0,.5);
   overflow: hidden;
}

span.inline-color {
   display: block;
   /* To prevent visual glitches again */
   height: 120%;
   width: 120%;
}

.prism-toolbar {
   position: relative;
}

.prism-toolbar > .toolbar {
   position: absolute;
   z-index: 10;
   top: .5em;
   right: .5em;
   top: 1em;
   right: 1em;
}

/*.prism-toolbar:hover > .toolbar { opacity: 1; }*/
/*.prism-toolbar:focus-within > .toolbar { opacity: 1; }*/

.prism-toolbar > .toolbar > .toolbar-item { display: inline-block; }

.prism-toolbar > .toolbar > .toolbar-item > a { cursor: pointer; }
.prism-toolbar > .toolbar > .toolbar-item > button { cursor: pointer; }

.prism-toolbar > .toolbar > .toolbar-item > button {
   background: none;
   border: 1.5px solid;
   font: inherit;
   line-height: normal;
   overflow: visible;
   padding: 1em;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
}

.prism-toolbar > .toolbar > .toolbar-item > a,
.prism-toolbar > .toolbar > .toolbar-item > button,
.prism-toolbar > .toolbar > .toolbar-item > span {
   font-size: .8em;
   padding: .75em;
   padding-top: .5em;
   border-radius: .5em;
   font-weight: 600;
   line-height: 1;
}

pre.diff-highlight > code .token.deleted:not(.prefix),
pre > code.diff-highlight .token.deleted:not(.prefix) {
   background-color: rgba(255, 0, 0, .1);
   color: inherit;
   display: block;
}

pre.diff-highlight > code .token.inserted:not(.prefix),
pre > code.diff-highlight .token.inserted:not(.prefix) {
   background-color: rgba(0, 255, 128, .1);
   color: inherit;
   display: block;
}

.prism-toolbar > .toolbar > .toolbar-item > button { color: var(--k-green); }
.prism-toolbar > .toolbar > .toolbar-item > button:hover { background-color: var(--k-green); color: var(--k-bg); }