:root {
  --body-font:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --header-font: var(--body-font);
  --code-font:
    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
}

header a.home-link {
  display: flex;
  align-items: center;
  margin-right: auto;
  top: 0;
  font-size: 20px;
}

header a.home-link svg {
  display: block;
  width: auto;
  height: 34px;
  margin-right: 10px;
}

@media (max-width: 1019px) {
  header a.home-link {
    margin-left: 15px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-color);
  font-weight: 600;
}

main.content h1.title {
  padding-top: 25px;
  padding-bottom: 0;
  margin-bottom: 16px;
  border-bottom: none;
}

main a {
  font-weight: normal;
}

main a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

#sidebar {
  background-color: var(--bg-color);
}

#sidebar .nav-category {
  color: #393939;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin: 40px 15px 0 25px;
}

@media (max-width: 499px) {
  #sidebar .nav-category {
    margin-top: 20px;
  }
}

#sidebar .nav-list li a {
  color: #717171;
  font-size: 14px;
}

#sidebar .nav-list .active a,
#sidebar .nav-list li a:hover {
  color: var(--primary-color);
  background-color: transparent;
}

#page-nav {
  background-color: transparent;
}

#page-nav .header {
  display: none;
}

#page-nav .nav-list li a {
  color: #717171;
  font-size: 12px;
  line-height: 16px;
}

#page-nav .nav-list li a:hover {
  color: var(--primary-color);
  background-color: transparent;
}

#page-nav .footer a {
  color: #717171;
  font-size: 12px;
}

#page-nav .footer .icofont-laika {
  font-size: 0.85em;
  vertical-align: 1px;
}

#page-nav .footer a:hover {
  color: var(--primary-color);
}

main.content table {
  display: block;
  width: 100%;
  overflow: auto;
  border: none;
}

main.content th,
main.content td {
  border: 1px solid #dfe2e5;
  padding: 6px 13px;
}

main.content th {
  font-weight: 600;
}

main.content tbody > tr:nth-child(odd) {
  background: none;
}

main.content tbody > tr:nth-child(even) {
  background-color: #f6f8fa;
}

code {
  color: inherit;
  font-weight: normal;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 3px;
  padding: 0.2em 0.4em;
}

pre code .comment {
  font-style: italic;
}

pre code .keyword,
pre code .declaration-name,
pre code .type-name {
  font-weight: bold;
}

pre code .number-literal,
pre code .boolean-literal,
pre code .literal-value {
  color: #008080;
}

.footer-rule {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  border: none;
  border-top: 1px solid #dfe2e5;
}

footer {
  color: #7c7c7c;
}

footer a {
  font-weight: normal;
}

body > footer {
  padding-bottom: 30px;
}

main:not(.content) {
  max-width: 650px;
  padding-top: 40px;
  margin-bottom: 0;
}

#header-left > img {
  display: block;
  margin: 0 auto;
}

#header-left h1 {
  margin-top: 10px;
}

#header {
  --landing-subtitle-font-size: 27px;
}

#header #header-left a.button-link {
  color: var(--component-color);
}

#header #docs a:hover,
#header #header-left a.button-link:hover,
#header #header-left .row.links a.icon-link:hover {
  color: var(--component-hover);
  text-decoration: none;
}