html,
body {
  font-size: 14px;
  background: #f9f9f9;
  color: #333;
}

body {
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #efefef;
}

::-webkit-scrollbar-thumb {
  background: #8e8e8e;
}

.page-wrapper {
  background-color: #f9f9f9;
}

.page-wrapper .dark-box {
  background-color: #191d1f;
}

.tocify-wrapper {
  background-color: #435970;
}

.tocify-wrapper > .search input {
  background-color: #435970;
  border-color: #ffffff50;
}

.tocify-wrapper > .search input::placeholder {
  color: #fff;
}

.tocify-wrapper .search-results {
  background: #3b5065;
}

.tocify-wrapper .tocify-subheader {
  background: #3b5065;
}

.tocify-wrapper .tocify-focus {
  background: #ff8b00;
  box-shadow: none;
}

.content pre,
.content blockquote {
  padding: 0.5em 28px;
  background-color: #191d1f;
}

.content blockquote > p {
  color: #fff;
  border: none;
  background-color: unset;
}

.content code {
  word-break: break-all;
}

.content table th code,
.content table td code {
  white-space: nowrap;
}

.content pre > code {
  color: #fff;
}

.content aside {
  border: none;
  font-weight: 500;
}

.content aside.notice {
  background-color: #fcf3d9;
  color: #bc8c03;
  text-shadow: none;
}

.content aside.warning {
  background-color: #ffe6e6;
  color: #ff5a5a;
  text-shadow: none;
}

.content aside.success {
  background-color: #daf4eb;
  color: #08b978;
  text-shadow: none;
}

.content a {
  color: #0052cc;
  font-weight: bold;
  text-decoration: none;
}

.content a:hover {
  text-decoration: underline;
}

.content h1 {
  border: 1px solid #efefef;
}

.content h2 {
  border-top: 1px solid #efefef;
}

.content table th {
  border-bottom: 1px solid #efefef;
}

.content table tr {
  border-bottom: 1px solid #efefef;
}

.content table tr:last-child {
  border-bottom: 1px solid #efefef;
}

.content table tr:nth-child(odd) > td {
  background-color: #f9f9f9;
}

.content table tr:nth-child(even) > td {
  background-color: #f9f9f9;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: inherit;
  background: none;
}

code[class*="language-"],
pre[class*="language-"] {
  color: #fff;
  text-shadow: none !important;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background-color: #1e2224;
}

pre[class*="language-"] {
  padding: 2em 28px;
  margin: 0;
  overflow: auto;
}

:not(pre) > code.language-none,
pre[class*="language-none"] {
  color: #333;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 3px;
  border-radius: 3px;
  font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono",
    "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace,
    serif;
  font-size: 12px;
  line-height: 1.5;
}

.tocify-wrapper .toc-footer {
  border-top: 1px dashed #ffffff50;
}

.tocify-wrapper .toc-footer li {
  font-size: 0.9rem;
}