.post-md pre,
.post-md .highlight {
  background: #282c34;
  padding: 16px 20px;
  border: none;
  border-radius: 8px;
  overflow: auto;
  color: #abb2bf;
  line-height: 1.7;
}
.post-md .highlight .gutter pre {
  color: #495162;
  font-size: 1em;
}
.post-md pre,
.post-md code {
  font-family: "SF Mono", "Fira Code", "Cascadia Code", Menlo, Consolas, monospace;
}
.post-md pre code {
  background: none;
  text-shadow: none;
  padding: 0;
}
.post-md .highlight {
  font-size: 14px;
  border-radius: 8px;
}
.post-md .highlight pre {
  border: none;
  margin: 0;
  padding: 0;
}
.post-md .highlight table {
  margin: 0;
  width: auto;
  padding: 0 !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  border: none !important;
  background: none !important;
}
.post-md .highlight td {
  border: none !important;
  padding: 0 !important;
  background: none !important;
  border-bottom: none !important;
}
.post-md .highlight tr {
  background: none !important;
}
.post-md .highlight tr:hover td {
  background: none !important;
}
.post-md .highlight figcaption {
  font-size: 0.85em;
  color: #5c6370;
  line-height: 1em;
  margin-bottom: 1em;
}
.post-md .highlight figcaption:before,
.post-md .highlight figcaption:after {
  content: "";
  display: table;
}
.post-md .highlight figcaption:after {
  clear: both;
}
.post-md .highlight figcaption a {
  float: right;
}
.post-md .highlight .gutter {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #21252b;
  border-right: 1px solid rgba(255,255,255,0.06);
}
.post-md .highlight .gutter pre {
  text-align: right;
  padding-right: 14px;
  padding-left: 10px;
  min-width: 2em;
}
.post-md .highlight .code pre {
  padding-left: 16px;
}
.post-md .highlight .line {
  height: 1.7em;
}
.post-md .highlight .line.marked {
  background: #3e4451;
}
pre .comment,
pre .title {
  color: #5c6370;
  font-style: italic;
}
pre .variable,
pre .attribute,
pre .tag,
pre .regexp,
pre .ruby .constant,
pre .xml .tag .title,
pre .xml .pi,
pre .xml .doctype,
pre .html .doctype,
pre .css .id,
pre .css .class,
pre .css .pseudo {
  color: #e06c75;
}
pre .number,
pre .preprocessor,
pre .built_in,
pre .literal,
pre .params,
pre .constant {
  color: #d19a66;
}
pre .class,
pre .ruby .class .title,
pre .css .rules .attribute {
  color: #e5c07b;
}
pre .string,
pre .value,
pre .inheritance,
pre .header,
pre .ruby .symbol,
pre .xml .cdata {
  color: #98c379;
}
pre .css .hexcolor {
  color: #56b6c2;
}
pre .function,
pre .python .decorator,
pre .python .title,
pre .ruby .function .title,
pre .ruby .title .keyword,
pre .perl .sub,
pre .javascript .title,
pre .coffeescript .title {
  color: #61afef;
}
pre .keyword,
pre .javascript .function {
  color: #c678dd;
}