/**
 * Do not edit directly, this file was auto-generated.
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
.vvd-root {
  color: var(--vvd-color-canvas-text);
  color-scheme: var(--vvd-color-scheme);
}

:root.vvd-root {
  background-color: var(--vvd-color-canvas);
}

.vvd-scrollbar {
  --scrollbar-track-color: transparent;
  --scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);
}
.vvd-scrollbar {
  scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);
  scrollbar-width: thin;
}
.vvd-scrollbar ::-webkit-scrollbar {
  width: 4px;
}
.vvd-scrollbar ::-webkit-scrollbar-track {
  background: var(--scrollbar-track-color);
}
.vvd-scrollbar ::-webkit-scrollbar-thumb {
  border: 0;
  border-radius: 4px;
  background-color: var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color));
}

.vvd-neutral-tint-elevation {
  --_vvd-tinted-color-surface-0dp: var(--vvd-neutral-tint-color-surface-0dp);
  --_vvd-tinted-color-surface-2dp: var(--vvd-neutral-tint-color-surface-2dp);
  --_vvd-tinted-color-surface-4dp: var(--vvd-neutral-tint-color-surface-4dp);
  --_vvd-tinted-color-surface-8dp: var(--vvd-neutral-tint-color-surface-8dp);
  --_vvd-tinted-color-surface-12dp: var(--vvd-neutral-tint-color-surface-12dp);
  --_vvd-tinted-color-surface-16dp: var(--vvd-neutral-tint-color-surface-16dp);
  --_vvd-tinted-color-surface-24dp: var(--vvd-neutral-tint-color-surface-24dp);
  --_vvd-tinted-shadow-surface-0dp: var(--vvd-neutral-tint-shadow-surface-0dp);
  --_vvd-tinted-shadow-surface-2dp: var(--vvd-neutral-tint-shadow-surface-2dp);
  --_vvd-tinted-shadow-surface-4dp: var(--vvd-neutral-tint-shadow-surface-4dp);
  --_vvd-tinted-shadow-surface-8dp: var(--vvd-neutral-tint-shadow-surface-8dp);
  --_vvd-tinted-shadow-surface-12dp: var(
  	--vvd-neutral-tint-shadow-surface-12dp
  );
  --_vvd-tinted-shadow-surface-16dp: var(
  	--vvd-neutral-tint-shadow-surface-16dp
  );
  --_vvd-tinted-shadow-surface-24dp: var(
  	--vvd-neutral-tint-shadow-surface-24dp
  );
}
.vvd-neutral-tint-elevation > * {
  --_vvd-tinted-color-surface-0dp: var(--vvd-color-surface-0dp);
  --_vvd-tinted-color-surface-2dp: var(--vvd-color-surface-2dp);
  --_vvd-tinted-color-surface-4dp: var(--vvd-color-surface-4dp);
  --_vvd-tinted-color-surface-8dp: var(--vvd-color-surface-8dp);
  --_vvd-tinted-color-surface-12dp: var(--vvd-color-surface-12dp);
  --_vvd-tinted-color-surface-16dp: var(--vvd-color-surface-16dp);
  --_vvd-tinted-color-surface-24dp: var(--vvd-color-surface-24dp);
  --_vvd-tinted-shadow-surface-0dp: var(--vvd-shadow-surface-0dp);
  --_vvd-tinted-shadow-surface-2dp: var(--vvd-shadow-surface-2dp);
  --_vvd-tinted-shadow-surface-4dp: var(--vvd-shadow-surface-4dp);
  --_vvd-tinted-shadow-surface-8dp: var(--vvd-shadow-surface-8dp);
  --_vvd-tinted-shadow-surface-12dp: var(--vvd-shadow-surface-12dp);
  --_vvd-tinted-shadow-surface-16dp: var(--vvd-shadow-surface-16dp);
  --_vvd-tinted-shadow-surface-24dp: var(--vvd-shadow-surface-24dp);
}

.vvd-root:root {
  --vvd-size-font-scale-base: 1rem;
  font-size: unset;
}
.vvd-root:root > body {
  font: var(--vvd-typography-base);
  font-feature-settings: "kern"; /* turns on kerning */
  -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */
  -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */
  text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */
}
.vvd-root:not(:root) {
  font: var(--vvd-typography-base);
  font-feature-settings: "kern"; /* turns on kerning */
  -webkit-font-smoothing: antialiased; /* apply font anti-aliasing for Webkit on OSX */
  -moz-osx-font-smoothing: grayscale; /* apply font anti-aliasing for Firefox on OSX */
  text-rendering: optimizeLegibility; /* emphasise on legibility when rendering, turns on ligatures and kerning */
}
.vvd-root p,
.vvd-root .font-base {
  font: var(--vvd-typography-base);
  margin-block: 16px;
}
.vvd-root p.tight,
.vvd-root .font-base.tight {
  margin-block: 0;
}
.vvd-root .font-base-bold {
  font: var(--vvd-typography-base-bold);
}
.vvd-root .font-base-condensed {
  font: var(--vvd-typography-base-condensed);
}
.vvd-root .font-base-condensed-bold {
  font: var(--vvd-typography-base-condensed-bold);
}
.vvd-root .font-base-extended {
  font: var(--vvd-typography-base-extended);
}
.vvd-root .font-base-extended-bold {
  font: var(--vvd-typography-base-extended-bold);
}
.vvd-root .font-base-code {
  font: var(--vvd-typography-base-code);
}
.vvd-root b, .vvd-root strong {
  font-weight: 600;
}
.vvd-root pre, .vvd-root var, .vvd-root code, .vvd-root kbd, .vvd-root samp {
  font: var(--vvd-typography-base-code);
}
.vvd-root .headline {
  font: var(--vvd-typography-headline);
  margin-block: 40px;
}
.vvd-root .subtitle {
  font: var(--vvd-typography-subtitle);
  margin-block: 40px;
}
.vvd-root h1,
.vvd-root .heading1 {
  font: var(--vvd-typography-heading-1);
  margin-block: 32px;
}
.vvd-root h2,
.vvd-root .heading2 {
  font: var(--vvd-typography-heading-2);
  margin-block: 32px;
}
.vvd-root h3,
.vvd-root .heading3 {
  font: var(--vvd-typography-heading-3);
  margin-block: 24px;
}
.vvd-root h4,
.vvd-root .heading4 {
  font: var(--vvd-typography-heading-4);
  margin-block: 24px;
}
.vvd-root h5,
.vvd-root .heading5 {
  font: var(--vvd-typography-heading-5);
  margin-block: 16px;
}
.vvd-root h6,
.vvd-root .heading6 {
  font: var(--vvd-typography-heading-6);
  margin-block: 14px;
}
.vvd-root .headline b, .vvd-root .headline strong,
.vvd-root .subtitle b,
.vvd-root .subtitle strong,
.vvd-root h1 b,
.vvd-root h1 strong,
.vvd-root .heading1 b,
.vvd-root .heading1 strong,
.vvd-root h2 b,
.vvd-root h2 strong,
.vvd-root .heading2 b,
.vvd-root .heading2 strong,
.vvd-root h3 b,
.vvd-root h3 strong,
.vvd-root .heading3 b,
.vvd-root .heading3 strong,
.vvd-root h4 b,
.vvd-root h4 strong,
.vvd-root .heading4 b,
.vvd-root .heading4 strong,
.vvd-root h5 b,
.vvd-root h5 strong,
.vvd-root .heading5 b,
.vvd-root .heading5 strong,
.vvd-root h6 b,
.vvd-root h6 strong,
.vvd-root .heading6 b,
.vvd-root .heading6 strong {
  font-weight: 500;
}
.vvd-root .headline.tight,
.vvd-root .subtitle.tight,
.vvd-root h1.tight,
.vvd-root .heading1.tight,
.vvd-root h2.tight,
.vvd-root .heading2.tight,
.vvd-root h3.tight,
.vvd-root .heading3.tight,
.vvd-root h4.tight,
.vvd-root .heading4.tight,
.vvd-root h5.tight,
.vvd-root .heading5.tight,
.vvd-root h6.tight,
.vvd-root .heading6.tight {
  margin-block: 0;
}
.vvd-root small,
.vvd-root figcaption {
  font: var(--vvd-typography-base-condensed);
}
.vvd-root sub,
.vvd-root sup {
  position: relative;
  font: var(--vvd-typography-base-condensed);
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
.vvd-root sub {
  bottom: -0.25em;
}
.vvd-root sup {
  top: -0.5em;
}