:root {
  --vp-c-brand-1: #5d8eff;
  --vp-c-brand-2: #3e75f3;
  --vp-c-brand-3: #315ae6;
  --vp-c-brand-soft: #191cef91;

  --custom-brand-1: #ff733f;
  --custom-brand-2: var(--vp-c-brand-2);
  --custom-brand-3: #0819a1;
}

html.dark {
  --vp-c-brand-1: #77a0ff;
  --vp-c-brand-2: #4f76ff;
  --vp-c-brand-3: #346aea;
  --custom-brand-1: #ff8153;

  --vp-c-brand-soft: #2023ff69;
}


:root {
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, var(--custom-brand-2) 30%, var(--custom-brand-1));
  --vp-home-hero-image-background-image: linear-gradient(-45deg, var(--custom-brand-1) 50%, var(--custom-brand-3) 50%);
  --vp-home-hero-image-filter: blur(44px);

  --vp-custom-block-tip-border: transparent;
  --vp-custom-block-tip-text: var(--vp-c-text-1);
  --vp-custom-block-tip-bg: var(--vp-c-brand-soft);
  --vp-custom-block-tip-code-bg: var(--vp-c-brand-soft);

  --vp-button-brand-border: transparent;
  --vp-button-brand-text: var(--vp-c-white);
  --vp-button-brand-bg: var(--vp-c-brand-3);
  --vp-button-brand-hover-border: transparent;
  --vp-button-brand-hover-text: var(--vp-c-white);
  --vp-button-brand-hover-bg: var(--vp-c-brand-2);
  --vp-button-brand-active-border: transparent;
  --vp-button-brand-active-text: var(--vp-c-white);
  --vp-button-brand-active-bg: var(--vp-c-brand-1);

  --vp-c-default-1: var(--vp-c-gray-1);
  --vp-c-default-2: var(--vp-c-gray-2);
  --vp-c-default-3: var(--vp-c-gray-3);
  --vp-c-default-soft: var(--vp-c-gray-soft);

  --vp-c-tip-1: var(--vp-c-brand-1);
  --vp-c-tip-2: var(--vp-c-brand-2);
  --vp-c-tip-3: var(--vp-c-brand-3);
  --vp-c-tip-soft: var(--vp-c-brand-soft);

  --vp-c-warning-1: var(--vp-c-yellow-1);
  --vp-c-warning-2: var(--vp-c-yellow-2);
  --vp-c-warning-3: var(--vp-c-yellow-3);
  --vp-c-warning-soft: var(--vp-c-yellow-soft);

  --vp-c-danger-1: var(--vp-c-red-1);
  --vp-c-danger-2: var(--vp-c-red-2);
  --vp-c-danger-3: var(--vp-c-red-3);
  --vp-c-danger-soft: var(--vp-c-red-soft);
}

.i-logos\:mobx-icon {
  background: url(/mobx.svg) no-repeat;
  background-size: 100% 100%;
  background-color: transparent;
  width: 1.2em;
  height: 1.2em;
}

/**
 * Component: Algolia
 * -------------------------------------------------------------------------- */

.DocSearch {
  --docsearch-primary-color: var(--vp-c-brand-1) !important;
} 

@media (min-width: 640px) {
  :root {
    --vp-home-hero-image-filter: blur(56px);
  }
}

@media (min-width: 960px) {
  :root {
    --vp-home-hero-image-filter: blur(68px);
  }
}


:root {
  --vp-c-bg-feature-soft: #f6f6f76b;
}

html.dark {
  --vp-c-bg-feature-soft: #20212730;
}

.custom-block > .custom-block-title:first-child:last-child {
    margin-top: -8px;
}
p:has(>em:first-child:last-child) + div[class*=language-] {
    margin-top: -10px;
}

.vp-doc strong a {
    font-weight: bold;
}

.vp-doc strong code {
    font-weight: bold;
}

.VPHome {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
}

.VPContent.is-home {
    display: flex;
}

.VPHero.has-image.VPHomeHero {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.VPHero.has-image .main {position: relative;}

.VPHero.has-image .container {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 7vh;
}

.main > .heading > .text {
    font-size: 24px;
    line-height: 28px;
    padding-top: 20px;
}

html .VPFooter {
    border-top: 0 !important;
}

html:has(.VPFeatures.VPHomeFeatures .items > .item) .VPHero.has-image .container {
  margin-bottom: 0;
  margin-top: auto;
}
html:has(.VPFeatures.VPHomeFeatures .items > .item) .VPHero.has-image.VPHomeHero {
  flex: 1;
}
html:has(.VPFeatures.VPHomeFeatures .items > .item) .VPFeatures.VPHomeFeatures {
  margin-bottom: auto;
  flex: 1;
}

html.gh-preview .main > .heading > .name {
  line-height: 72px;
  font-size: 68px;
}
html.gh-preview .main > .heading > .text {
  font-size: 43px;
  line-height: 48px;
}
html.gh-preview .main > .actions {
  opacity: 0;
}
html.gh-preview .VPFeatures.VPHomeFeatures {
  opacity: 0;
}

#VPContent .VPFeature {
  display: block;
  background-color: var(--vp-c-bg-feature-soft);
  border: 0;
  backdrop-filter: blur(10px);
  border-radius: 24px;
}

#app .VPFooter .message, #app .VPFooter .copyright {
  line-height: 18px;
  font-size: 13px;
}

#app .VPFeature .icon {
  border-radius: 12px;
}

#VPContent span.name.clip {
  text-shadow: 30px 30px 256px var(--custom-brand-2), -30px -30px 256px var(--custom-brand-1);
}

#VPContent .VPButton.medium.brand {
  box-shadow: 30px 30px 128px var(--custom-brand-2), -30px -30px 128px var(--custom-brand-1);
}

.VPSidebarItem.has-active > .item {
  position: relative;
}

.VPSidebarItem.has-active > .item:before {
  content: '';
  background: var(--vp-c-bg-feature-soft);
  position: absolute;
  inset: 0;
  border-radius: 6px;
  left: -8px;
  z-index: -1;
}