@font-face {
  font-family: 'Fira Code';
  src: url("firacode-regular-webfont.eot");
  src: url("firacode-regular-webfont.eot?#iefix") format("embedded-opentype"), url("firacode-regular-webfont.woff2") format("woff2"), url("firacode-regular-webfont.woff") format("woff"), url("firacode-regular-webfont.ttf") format("truetype"), url("firacode-regular-webfont.svg#fira_coderegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000313}}
.ksp-highlight {
  padding: 10px;
  margin: 30px 0;
  background-color: #242B39;
  color: #C3CEE4; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000320}}
  .ksp-highlight, .ksp-highlight * {
    font-family: 'Fira Code', monospace;
    font-size: 12px; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000326}}
  .ksp-highlight .ksp-callback {
    color: #E4C886; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000330}}
  .ksp-highlight .ksp-conditional {
    color: #FFFFFF; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000334}}
  .ksp-highlight .ksp-function {
    color: #D2ACC3; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000338}}
  .ksp-highlight .ksp-variable {
    color: #BAC4DA; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000342}}
  .ksp-highlight .ksp-comment {
    color: #6473AE;
    font-style: italic; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000347}}
  .ksp-highlight .ksp-string {
    color: #CFCFC4; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000351}}
  .ksp-highlight .ksp-number {
    color: #00BFC1; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000355}}
  .ksp-highlight .ksp-operator {
    color: #CBD0D7; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000359}}
  .ksp-highlight .ksp-declaration {
    color: #AEB8CD; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000363}}
  .ksp-highlight .ksp-indentation {
    display: inline-block;
    position: relative;
    width: 2em;
    height: 1em;
    color: #3A414D; }
@media -sass-debug-info{filename{font-family:file\:\/\/\/Applications\/MAMP\/htdocs\/orangetreesamplesl4\/public\/packages\/ksp-highlighter\/ksp-highlighter\.scss}line{font-family:\0000370}}
    .ksp-highlight .ksp-indentation:after {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      text-align: center;
      content: '\2022'; }

/*# sourceMappingURL=ksp-highlighter.css.map */