/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  color: rgb(55 65 81);
  --ifm-color-primary: rgb(99 102 241);
  --ifm-color-primary-dark: rgb(33, 175, 144);
  --ifm-color-primary-darker: rgb(31, 165, 136);
  --ifm-color-primary-darkest: rgb(26, 136, 112);
  --ifm-color-primary-light: rgb(70, 203, 174);
  --ifm-color-primary-lighter: rgb(102, 212, 189);
  --ifm-color-primary-lightest: rgb(146, 224, 208);
  --ifm-code-font-size: 95%;
  --doc-sidebar-width: 380px !important;
  --ifm-h1-font-size: 2.5rem;
  --ifm-menu-link-padding-horizontal: .5rem;
  --ifm-breadcrumb-item-background-active: none;
  --ifm-breadcrumb-separator:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 256 256"><polygon fill="%239CA3AF" points="79.093,0 48.907,30.187 146.72,128 48.907,225.813 79.093,256 207.093,128"/></svg>');
}
.breadcrumbs__link {
  font-size: 1.2em;
}
.breadcrumbs__link svg {
  color: rgb(156 163 175);
  height: 1.7rem;
  width: 1.7rem;
}
.breadcrumbs__item:not(:last-child):after {
  color: rgb(156 163 175) !important;
  height: .8em;
  width: .8em;
  opacity: 1;
}
.breadcrumbs__item {
  vertical-align: middle;
}
.breadcrumbs__item span {
  font-weight: 600;
}
.breadcrumbs__item--active .breadcrumbs__link {
  color: rgb(55 65 81);
}

.navbar__title {
  font-size: 1.5em;
}

.symbol-property {
  color: rgb(156 163 175);
  padding-top: 3px;
}

.symbol-method {
  color:darkviolet;
}

.symbol-class {
  color: rgb(99 102 241);
}

.github-icon {
  color: #6b7280;
  margin-right: .25em;
  vertical-align: bottom;
}

.docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

html[data-theme='dark'] .github-icon {
  color: white;
}

html[data-theme='dark'] .docusaurus-highlight-code-line {
  background-color: rgba(0, 0, 0, 0.3);
}

html[data-theme='dark'] h1 {
  color: white;
}

html[data-theme='dark'] h2 {
  color: white;
}
html[data-theme='dark'] h3 {
  color: white;
}
html[data-theme='dark'] h4 {
  color: white;
}
html[data-theme='dark'] h5 {
  color: white;
}
html[data-theme='dark'] h6 {
  color: white;
}

html[data-theme='dark'] p {
  color: white;
}


html[data-theme='dark'] th {
  color: white;
}

html[data-theme='dark'] td {
  color: white;
}

html[data-theme='dark'] ul>li {
  color: white;
}

.markdown h1:first-child {
  font-size: 2.7rem
}

.theme-doc-sidebar-item-category {
  font-size: 0.9rem;
}

.table-of-contents {
  font-size: 0.7rem;
}

article p img {
  margin-top: 0.5em;
}
h5, h6, h6 strong {
  font-size: 1em;
  font-weight: 600;
}
h6 strong {
  color: rgb(107 114 128);
}
.menu, .navbar-sidebar {
  font-size: 15px;
}
p code, td code {
  color: #3b82f6;
  background-color: #eff6ff;
  padding: 0.25em 0.5rem;
  border-radius: 0.25rem;
  border-width: 0;
}
.theme-code-block div:first-child {
  background: rgb(249 250 251);
}