.toc-article {
  background-color: #f5f6f7;
  position: fixed;
  left: 0;
  top: 70px;
  bottom: 0;
  z-index: 98;
  overflow-y: auto;
  overflow-x: hidden;
  width: 25%;
  padding: 1.53846em;
}
.toc-article ol {
  list-style: none;
  margin-bottom: 1em;
}
.toc-article ol li {
  padding-left: 0;
}
.toc-article > .toc {
  padding-left: 0;
  font-size: 1em;
}
.toc-article > .toc > .toc-item {
  color: #666;
  padding: .2em 0;
}
.toc-article > .toc > .toc-item:hover {
  color: #fd7f7f;
  cursor: pointer;
}
.toc-article > .toc > .toc-item > .toc-child {
  margin: .5em 0 0;
  color: #7f888f;
  padding-left: 0;
}
.toc-article > .toc > .toc-item > .toc-child > .toc-item {
  border-left: 2px solid transparent;
  text-indent: 1.25em;
}
.toc-article > .toc > .toc-item > .toc-child > .toc-item:hover {
  color: #333;
  border-left-color: #fd7f7f;
}
.toc-article.fixed {
  position: fixed;
  z-index: 98;
  left: 0;
}

.toc-title {
  border-bottom: solid 3px #f56a6a;
  display: inline-block;
  margin: 0 0 1em 0;
  padding: 0 0.75em 0.5em 0;
}

.toc-child > li {
  padding: .25em 0;
  font-weight: 400;
  font-size: .825em;
}
.toc-child > li > .toc-child {
  margin-bottom: 0;
}
.toc-child > li > .toc-child > li {
  border-top: 0;
  padding: .25em 0;
  font-size: .825em;
}

.article-inner {
  padding-right: 3em;
}

.article-entry :not(pre) > code[class*="language-"], .article-entry pre[class*="language-"] {
  background: rgba(230, 235, 237, 0.25);
}
.article-entry code[class*="language-"], .article-entry pre[class*="language-"] {
  color: #7f888f;
  text-shadow: none;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.article-entry code[class*="language-"] {
  padding: 3.5em 2em 1.5em;
  margin: 0;
}
.article-entry pre[class*="language-"] {
  position: relative;
  margin: 1em 0;
  padding: 0;
}
.article-entry pre[class*="language-"]::before {
  text-transform: capitalize;
  background: #f56a6a;
  font-size: .825rem;
  content: attr(rel);
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*background: #999;*/
  padding: 0;
  text-indent: 15px;
  height: 28px;
  line-height: 28px;
}
.article-entry .token.operator, .article-entry .token.entity, .article-entry .token.url, .article-entry .language-css .token.string, .article-entry .style .token.string, .article-entry .token.variable {
  color: #333;
}
.article-entry .token.property, .article-entry .token.tag, .article-entry .token.constant, .article-entry .token.symbol, .article-entry .token.deleted {
  color: #f56a6a;
}
.article-entry .token.punctuation {
  color: #7f888f;
}
.article-entry .token.atrule, .article-entry .token.attr-value, .article-entry .token.function {
  color: #0cf;
}
.article-entry .token.keyword {
  color: #b46100;
}
.article-entry .token.selector, .article-entry .token.attr-name, .article-entry .token.string, .article-entry .token.char, .article-entry .token.builtin, .article-entry .token.inserted {
  color: #72dd00;
}

@media screen and (max-width: 1280px) {
  .toc-article {
    top: 60px;
  }
}
@media screen and (max-width: 980px) {
  .toc-article {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */