/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
 color: black;
 text-shadow: 0 1px white;
 direction: ltr;
 text-align: left;
 white-space: pre;
 word-spacing: normal;
 
 -moz-tab-size: 4;
 -o-tab-size: 4;
 tab-size: 4;
 
 -webkit-hyphens: none;
 -moz-hyphens: none;
 -ms-hyphens: none;
 hyphens: none;
}
/* Code blocks */
pre.language-markup {
  border-left: 5px solid #DDDDDD
}
pre.language-javascript {
  border-left: 5px solid #800E0E
}
pre.language-css {
  border-left: 5px solid #12A6A6
}
pre[class*="language-"] {
 border-top: 1px solid #DDD;
 border-right: 1px solid #DDD;
 border-bottom: 1px solid #DDD;
/* padding: 1em;*/
 margin: .5em 0;
 overflow: auto; 
}
code[class*="language-"] {
  background-color: #EBF3FC;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
 /*background: #f5f2f0;*/
  background: #EBF3FC;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
 padding: .1em;
 border-radius: .3em;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
 color: slategray;
}
.token.punctuation {
 color: #133CAC;
}
.namespace,
span.namespace{
  color: #8B4513;
}
.token.property,
.token.tag,
.token.boolean,
.token.number {
 color: #8B4513;
}
.token.selector,
.token.attr-name,
.token.string {
 color: #FF2300;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
 color: #a67f59;
 background: hsla(0,0%,100%,.5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
 color: #133CAC;
}

.token.regex,
.token.important {
 color: #e90;
}
.token.important {
 font-weight: bold;
}
.token.entity {
 cursor: help;
}
pre[data-line] {
 position: relative;
 padding: 1em 0 1em 3em;
}
.line-highlight {
 position: absolute;
 left: 0;
 right: 0;
 padding: inherit 0;
 margin-top: 1em; /* Same as .prism’s padding-top */
 background: hsla(24, 20%, 50%,.08);
 background: -moz-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
 background: -webkit-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
 background: -o-linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
 background: linear-gradient(left, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
 
 pointer-events: none;
 
 line-height: inherit;
 white-space: pre;
}
 .line-highlight:before,
 .line-highlight[data-end]:after {
  content: attr(data-start);
  position: absolute;
  top: .4em;
  left: .6em;
  min-width: 1em;
  padding: 0 .5em;
  background-color: hsla(24, 20%, 50%,.4);
  color: hsl(24, 20%, 95%);
  font: bold 65%/1.5 sans-serif;
  text-align: center;
  vertical-align: .3em;
  border-radius: 999px;
  text-shadow: none;
  box-shadow: 0 1px white;
 }
 
 .line-highlight[data-end]:after {
  content: attr(data-end);
  top: auto;
  bottom: .4em;
 }