/**
 * Do not edit directly, this file was auto-generated.
 */
.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;
}