:root {
  --babybot-ink: #08090d;
  --babybot-ink-2: #111827;
  --babybot-primary: #8ea2ff;
  --babybot-primary-strong: #5f72ff;
  --babybot-cyan: #14b8d4;
  --babybot-orange: #f59e0b;
  --md-primary-fg-color: #243a8f;
  --md-primary-fg-color--light: #5f72ff;
  --md-primary-fg-color--dark: #111827;
  --md-accent-fg-color: #5267ff;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #f4f6fb;
  --md-default-fg-color: #172033;
  --md-default-fg-color--light: #586174;
  --md-accent-fg-color: #5267ff;
  --md-footer-bg-color: #edf3ff;
  --md-footer-bg-color--dark: #dfe8ff;
  --md-footer-fg-color: #172033;
  --md-footer-fg-color--light: #526077;
  --md-footer-fg-color--lighter: #748098;
  --babybot-header-bg: radial-gradient(circle at 12% 0%, rgba(142, 162, 255, .28), transparent 30%),
    radial-gradient(circle at 88% 0%, rgba(20, 184, 212, .20), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #eef4ff 56%, #e8fbff 100%);
  --babybot-tabs-bg: rgba(255, 255, 255, .86);
  --babybot-header-fg: #172033;
  --babybot-header-fg-hover: #0f172a;
  --babybot-header-border: rgba(82, 103, 255, .14);
  --babybot-tabs-border: rgba(82, 103, 255, .13);
  --babybot-search-bg: rgba(255, 255, 255, .78);
  --babybot-search-bg-hover: #ffffff;
  --babybot-search-border: rgba(82, 103, 255, .18);
  --babybot-search-fg: #172033;
  --babybot-search-placeholder: rgba(82, 96, 119, .82);
  --babybot-panel-bg: #ffffff;
  --babybot-panel-border: rgba(82, 103, 255, .16);
  --babybot-soft-blue: rgba(82, 103, 255, .12);
  --babybot-soft-cyan: rgba(20, 184, 212, .12);
  --babybot-soft-orange: rgba(245, 158, 11, .12);
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #08090d;
  --md-default-fg-color: #e8edff;
  --md-default-fg-color--light: #aab4cc;
  --md-accent-fg-color: #a9b8ff;
  --babybot-header-bg: radial-gradient(circle at 18% 0%, rgba(142, 162, 255, .28), transparent 34%),
    linear-gradient(135deg, #08090d 0%, #111827 58%, #172554 100%);
  --babybot-tabs-bg: #08090d;
  --babybot-header-fg: #f8fbff;
  --babybot-header-fg-hover: #ffffff;
  --babybot-header-border: rgba(255, 255, 255, .12);
  --babybot-tabs-border: rgba(142, 162, 255, .14);
  --babybot-search-bg: rgba(255, 255, 255, .10);
  --babybot-search-bg-hover: rgba(255, 255, 255, .16);
  --babybot-search-border: rgba(255, 255, 255, .12);
  --babybot-search-fg: #ffffff;
  --babybot-search-placeholder: rgba(255, 255, 255, .70);
  --babybot-panel-bg: #141821;
  --babybot-panel-border: rgba(169, 184, 255, .18);
  --babybot-soft-blue: rgba(142, 162, 255, .18);
  --babybot-soft-cyan: rgba(20, 184, 212, .14);
  --babybot-soft-orange: rgba(245, 158, 11, .12);
}

body {
  letter-spacing: 0;
}

.md-header {
  background: var(--babybot-header-bg);
  color: var(--babybot-header-fg);
  border-bottom: 1px solid var(--babybot-header-border);
  box-shadow: none;
  min-height: 2.4rem;
  transition: transform .22s ease, box-shadow .22s ease;
  will-change: transform;
}

.md-tabs {
  background: var(--babybot-tabs-bg);
  border-bottom: 1px solid var(--babybot-tabs-border);
  box-shadow: none;
  min-height: 2.25rem;
  transition: transform .22s ease, opacity .18s ease;
  will-change: transform;
}

.md-header__title,
.md-header__button,
.md-tabs__link {
  color: var(--babybot-header-fg);
}

.md-header__button:hover,
.md-tabs__link:hover {
  color: var(--babybot-header-fg-hover);
}

.md-tabs__link {
  margin-top: .7rem;
  opacity: .78;
}

.md-tabs__link--active,
.md-tabs__item--active .md-tabs__link {
  color: var(--babybot-header-fg-hover);
  opacity: 1;
}

@media screen and (min-width: 60em) {
  .md-header__inner {
    gap: .45rem;
    min-height: 2.4rem;
  }

  .md-header__title {
    flex: 1 1 auto;
    min-width: 0;
  }

  .md-header__inner > label[for="__search"] {
    display: none !important;
  }

  .md-search {
    display: block !important;
    flex: 0 0 15rem;
    margin-left: auto;
    max-width: 15rem;
    min-width: 15rem;
    order: 20;
    position: relative;
    transition: flex-basis .22s ease, max-width .22s ease;
    visibility: visible;
    width: 15rem;
  }

  .md-header__option {
    flex: 0 0 auto;
    margin-left: .35rem;
    order: 30;
  }

  .md-search:focus-within,
  .md-search.is-expanded,
  .md-search[data-md-state="active"] {
    flex-basis: 32rem;
    max-width: 32rem;
    width: 32rem;
  }

  .md-search__inner {
    position: relative;
    width: 100%;
  }

  .md-search__overlay {
    background: rgba(8, 9, 13, .58);
    backdrop-filter: blur(1px);
  }

  .md-search__output {
    border-radius: 0 0 6px 6px;
    box-shadow: 0 18px 42px rgba(8, 9, 13, .28);
  }
}

.md-search__form {
  height: 1.8rem;
  background: var(--babybot-search-bg);
  border: 1px solid var(--babybot-search-border);
  border-radius: 8px;
  box-shadow: none;
}

.md-search__form:hover,
.md-search__form:focus-within {
  background: var(--babybot-search-bg-hover);
}

.md-search__input,
.md-search__icon,
.md-search__options {
  color: var(--babybot-search-fg);
}

.md-search__input::placeholder {
  color: var(--babybot-search-placeholder);
}

.md-search:focus-within .md-search__form,
.md-search.is-expanded .md-search__form,
.md-search[data-md-state="active"] .md-search__form {
  background: #ffffff;
  border-color: rgba(255, 255, 255, .92);
}

.md-search:focus-within .md-search__input,
.md-search:focus-within .md-search__icon,
.md-search:focus-within .md-search__options,
.md-search.is-expanded .md-search__input,
.md-search.is-expanded .md-search__icon,
.md-search.is-expanded .md-search__options,
.md-search[data-md-state="active"] .md-search__input,
.md-search[data-md-state="active"] .md-search__icon,
.md-search[data-md-state="active"] .md-search__options {
  color: #111827;
}

.md-footer {
  background: var(--md-footer-bg-color);
  color: var(--md-footer-fg-color);
}

.md-footer-meta {
  background: var(--md-footer-bg-color--dark);
  color: var(--md-footer-fg-color--light);
}

.md-footer__title,
.md-footer__direction,
.md-footer .md-social__link,
.md-footer-meta a {
  color: inherit;
}

[data-md-color-scheme="default"] .md-footer {
  background: linear-gradient(180deg, #f8fbff 0%, #edf3ff 100%);
  border-top: 1px solid rgba(82, 103, 255, .13);
}

[data-md-color-scheme="default"] .md-footer-meta {
  background: #e3ecff;
  border-top: 1px solid rgba(82, 103, 255, .11);
}

.md-nav__link--active,
.md-nav__link:hover,
.md-typeset a {
  color: var(--md-accent-fg-color);
}

.md-sidebar__scrollwrap,
.md-nav__scrollwrap {
  scrollbar-width: none;
}

.md-sidebar__scrollwrap::-webkit-scrollbar,
.md-nav__scrollwrap::-webkit-scrollbar {
  display: none;
}

.md-typeset h1 {
  color: var(--md-default-fg-color);
  font-weight: 780;
}

.md-typeset h2 {
  color: var(--md-default-fg-color);
  font-weight: 700;
}

.md-typeset h3 {
  font-weight: 680;
}

.md-typeset table:not([class]) th {
  background: var(--babybot-soft-blue);
  color: var(--md-default-fg-color);
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 12px;
  border-color: var(--babybot-panel-border);
}

.md-typeset .grid.cards > ul > li {
  background: var(--babybot-panel-bg);
  border-color: var(--babybot-panel-border);
  border-radius: 12px;
  box-shadow: 0 14px 34px rgba(17, 24, 39, .06);
}

[data-md-color-scheme="slate"] .md-typeset .grid.cards > ul > li {
  box-shadow: 0 18px 36px rgba(0, 0, 0, .18);
}

.hero-panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding: 42px;
  background:
    radial-gradient(circle at 88% 18%, var(--babybot-soft-orange), transparent 24%),
    linear-gradient(135deg, var(--babybot-soft-blue), var(--babybot-soft-cyan));
  border: 1px solid var(--babybot-panel-border);
  box-shadow: 0 24px 56px rgba(17, 24, 39, .10);
}

.hero-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .22), transparent 42%),
    radial-gradient(circle at 8% 12%, rgba(255, 255, 255, .32), transparent 18%);
  pointer-events: none;
}

[data-md-color-scheme="slate"] .hero-panel::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .06), transparent 42%),
    radial-gradient(circle at 8% 12%, rgba(255, 255, 255, .08), transparent 18%);
}

.hero-panel > * {
  position: relative;
}

.hero-panel h1 {
  margin-top: 0;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.hero-actions a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  font-weight: 760;
  text-decoration: none;
}

.hero-actions a:first-child {
  background: linear-gradient(135deg, var(--babybot-primary-strong), var(--babybot-cyan));
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(82, 103, 255, .24);
}

.hero-actions a:last-child {
  border: 1px solid color-mix(in srgb, var(--md-accent-fg-color) 44%, transparent);
  background: color-mix(in srgb, var(--md-accent-fg-color) 8%, transparent);
}

@media (max-width: 720px) {
  .hero-panel {
    padding: 28px 22px;
  }
}