/**
*  Base theme
*  Copyright (c) Vyacheslav Khorkov 2020
*/

pre {
    margin-bottom: 1.5em;
    background-color: #1c1c1c;
    padding: 16px 0;
    border-radius: 8px;
    box-shadow: inset 0px 0px 2px rgba(0,0,0,0.9);
}

/** Regular */
@font-face {
  font-family: "SF Mono";
  font-weight: 400;
  src: url("https://sf.abarba.me/SFMono-Regular.otf");
}

pre code {
    font-family: "SF Mono", monospace;
    display: block;
    color: #e6e1c4;
    line-height: 1.3rem;
    font-size: 0.68rem;
    overflow-x: auto;
    white-space: pre;
    -webkit-overflow-scrolling: touch;
}

pre:before {
  counter-reset: line;
}
pre div.line {
  counter-increment: line;
}

pre div.line::before {
  content: counter(line);
  display: inline-block;
  width: 2em;
  text-align: right;
  border-right: 2px solid #333;
  padding: 0 0.7em;
  margin-right: 1em;
}

pre code.terminal {
    padding-left: 20px;
}
pre code.terminal div.line::before {
    content: none;
}


pre code .keyword {
    color: #e86648;
}

pre code .type {
    color: #bf89b3;
}

pre code .call {
    color: #a1e686;
}

pre code .property {
    color: #7daf9c;
}

pre code .number {
    color: #6c99bb;
}

pre code .string {
    color: #d9d762;
}

pre code .comment {
    color: #777;
}

pre code .docs {
    color: #B3B3B3;
}

pre code .dotAccess {
    color: #7daf9c;
}

pre code .preprocessing {
    color: #b68a00;
}

pre code .method {
    color: #efac32;
}

pre code .green {
    color: #43C633;
}
pre code .yellow {
    color: #B9B62F;
}
pre code .red {
    color: #D64A2E;
}
pre code .blue {
    color: #7BC8FF;
}

pre code .green-circle {
    color: #43C633;
    font-size: 1.2rem;
    vertical-align: middle;
}
pre code .yellow-circle {
    color: #B9B62F;
    font-size: 1.2rem;
    vertical-align: middle;
}
pre code .red-circle {
    color: #D64A2E;
    font-size: 1.2rem;
    vertical-align: middle;
}
pre code .blue-circle {
    color: #7BC8FF;
    font-size: 1.2rem;
    vertical-align: middle;
}