/* Docs custom styles */
:root {
  --brand-primary: #1006c2;
  --md-breakpoint-l: 64rem; 
  --md-breakpoint-xl: 80rem; 
}

@media screen and (max-width: 64rem) {
  .md-header, .md-footer {
    backdrop-filter: none !important;
  }
  .md-search .md-icon, .md-search .md-button, .md-search__icon {
    color: var(--md-default-fg-color) !important;
    fill: var(--md-default-fg-color) !important;
  }
}

@media screen and (min-width: 64rem) {
  .md-sidebar--primary { display: block; }
}

.md-header .md-logo img { max-height: 1.75rem; width: auto; }

.md-nav__title {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 0.78rem;
  opacity: 0.8;
}

.md-nav__list > .md-nav__item { margin: 0.1rem 0; }
.md-nav__link { padding: 0.35rem 0.5rem; border-radius: 8px; }

.md-nav__link:hover {
  background-color: rgba(16, 6, 194, 0.06) !important;
}
.md-nav__link--active, .md-nav__item--active > .md-nav__link {
  background-color: rgba(16, 6, 194, 0.10) !important;
  color: var(--md-default-fg-color) !important;
  font-weight: 600;
}

.md-nav__item--active > .md-nav__link {
  position: relative;
}
.md-nav__item--active > .md-nav__link::before {
  content: "";
  position: absolute;
  left: -0.5rem;
  top: 0.25rem;
  bottom: 0.25rem;
  width: 3px;
  border-radius: 2px;
  background: rgba(16, 6, 194, 0.40) !important;
}

.md-nav__list .md-nav__list { margin-left: 0.5rem; }

.md-sidebar__scrollwrap::-webkit-scrollbar { width: 8px; }
.md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
  background: color-mix(in oklab, var(--brand-primary) 25%, transparent);
  border-radius: 8px;
}
.md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
  background: color-mix(in oklab, var(--brand-primary) 40%, transparent);
}

@media screen and (min-width: 64rem) {
  .md-sidebar--primary { flex: 0 0 18rem; }
}

.md-header, .md-footer { backdrop-filter: blur(6px); }

@media screen and (min-width: 64rem) {
  .md-sidebar--primary .md-nav__title { display: none; }
}
@media screen and (max-width: 64rem) {
  .md-nav--primary .md-nav__title { display: flex; align-items: center; gap: .5rem; }
  .md-nav--primary .md-nav__title .md-logo img { max-height: 1.6rem; width: auto; }
}

.md-header, .md-tabs {
  background-color: var(--md-default-bg-color) !important;
}
.md-header, .md-header a, .md-tabs, .md-tabs a, .md-header .md-icon {
  color: var(--md-default-fg-color) !important;
}
.md-header .md-icon svg { fill: currentColor; }

@media screen and (max-width: 64rem) {
  .md-search,
  .md-search__overlay,
  .md-search__inner,
  .md-search__output {
    z-index: 9999 !important;
  }

  .md-search__output {
    position: relative;
  }
}

@media screen and (max-width: 64rem) {
 
  .md-search__input {
    color: var(--md-default-fg-color) !important;
    -webkit-text-fill-color: var(--md-default-fg-color) !important;
    caret-color: var(--md-accent-fg-color, currentColor);
  }

  .md-search__input::placeholder {
    color: color-mix(in oklab, var(--md-default-fg-color) 60%, transparent) !important;
    opacity: 1 !important;
  }

  .md-search__inner,
  .md-search__output,
  .md-search__scrollwrap {
    background-color: var(--md-default-bg-color) !important;
    color: var(--md-default-fg-color) !important;
  }

  .md-search__overlay {
    opacity: 1 !important;
    background-color: color-mix(in oklab, var(--md-default-bg-color) 60%, transparent) !important;
  }
  
  .md-search-result .md-typeset,
  .md-search-result .md-typeset a,
  .md-search-result__title,
  .md-search-result__teaser,
  .md-search-result__link {
    color: var(--md-default-fg-color) !important;
  }

  .md-search-result__mark {
    background: color-mix(in oklab, var(--brand-primary) 25%, transparent) !important;
    color: var(--md-default-fg-color) !important;
    border-radius: 3px;
    padding: 0 .1em;
  }

  .md-search__output {
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
  }
}