html[data-modern-ui="ready"] {
  background: var(--mui-color-bg);
  color: var(--mui-color-text);
  font-family: var(--mui-font-sans);
  font-size: 16px;
  scroll-behavior: smooth;
}

html[data-modern-ui="ready"] body {
  min-width: 320px;
  color: var(--mui-color-text);
  background:
    radial-gradient(circle at 12% -10%, rgba(37, 99, 235, 0.055), transparent 28rem),
    var(--mui-color-bg);
  font-family: var(--mui-font-sans);
  font-size: var(--mui-font-size-md);
  line-height: var(--mui-line-normal);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[data-modern-ui="ready"] #panel {
  background: transparent;
}

html[data-modern-ui="ready"].hasjs .section {
  opacity: 1;
  transform: none;
  transition-duration: var(--mui-duration-fast);
}

html[data-modern-ui="ready"] ::selection {
  background: var(--mui-color-selection);
}

html[data-modern-ui="ready"] :where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 2px solid var(--mui-color-primary);
  outline-offset: 2px;
  box-shadow: var(--mui-shadow-focus);
}

html[data-modern-ui="ready"] :where(a, button, input, textarea, select, [tabindex]):focus:not(:focus-visible) {
  outline: none;
}

html[data-modern-ui="ready"] a,
html[data-modern-ui="ready"] .link {
  color: var(--mui-color-primary);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

html[data-modern-ui="ready"] h1,
html[data-modern-ui="ready"] h2,
html[data-modern-ui="ready"] h3,
html[data-modern-ui="ready"] h4,
html[data-modern-ui="ready"] h5,
html[data-modern-ui="ready"] h6 {
  color: var(--mui-color-text);
  font-family: var(--mui-font-sans);
  letter-spacing: -0.015em;
}

html[data-modern-ui="ready"] pre,
html[data-modern-ui="ready"] code,
html[data-modern-ui="ready"] kbd,
html[data-modern-ui="ready"] samp {
  font-family: var(--mui-font-mono);
  font-variant-ligatures: var(--font-ligatures, normal);
}

html[data-modern-ui="ready"] hr {
  height: 1px;
  margin: var(--mui-space-5) 0;
  border: 0;
  background: var(--mui-color-divider);
}

html[data-modern-ui="ready"] small,
html[data-modern-ui="ready"] figcaption,
html[data-modern-ui="ready"] .supplementary {
  color: var(--mui-color-text-secondary);
}

html[data-modern-ui="ready"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html[data-modern-ui="ready"] ::-webkit-scrollbar-track {
  background: transparent;
  box-shadow: none;
}

html[data-modern-ui="ready"] ::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: var(--mui-radius-full);
  background: color-mix(in srgb, var(--mui-color-text-tertiary) 52%, transparent);
  background-clip: padding-box;
  box-shadow: none;
}

html[data-modern-ui="ready"] ::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--mui-color-text-secondary) 72%, transparent);
  background-clip: padding-box;
}

@media (prefers-reduced-motion: reduce) {
  html[data-modern-ui="ready"] {
    scroll-behavior: auto;
  }

  html[data-modern-ui="ready"] *,
  html[data-modern-ui="ready"] *::before,
  html[data-modern-ui="ready"] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}