body,
html {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  letter-spacing: -0.36px;
}

.header-logo {
  max-height: 35px;
}

button[aria-label="Switch to dark mode"] {
  display: none;
}

a:focus,
button:focus {
  box-shadow: none !important;
}

a.chakra-link {
  outline: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  font-weight: 600;
  color: #6F94F5;
}

a.chakra-link:hover {
  text-decoration: underline;
}

nav.dokz {
  padding-left: 0;
  padding-right: 0;
}

nav div > div a {
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
  padding: 8px !important;
  border-radius: 8px 0 0 8px !important;
}

div.chakra-stack.mainContent {
  border-right: 0;
}

div.chakra-stack.mainContent + div {
  display: none;
}

hr + p, hr + div {
  margin-top: 0 !important;
}

.mainContent table {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.mb-0 + pre {
  margin-top: 8px !important;
}

div.mb-0 + p {
  margin-top: 8px !important;
}

@media screen and (max-width: 1624px) {
  nav.dokz {
    padding-left: 24px;
  }
}

@media screen and (max-width: 767px) {
  nav div > div a {
    border-radius: 8px !important;
  }
}