html {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light dark;
  --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
  background: var(--s2-container-bg);
  --s2-scale: 1;
}

@media (prefers-color-scheme: dark) {
  html {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
  }
}

@media not ((hover: hover) and (pointer: fine)) {
  html {
    --s2-scale: 1.25;
  }
}

html[data-color-scheme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

html[data-color-scheme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

html[data-background="layer-1"] {
  --s2-container-bg: var(--lightningcss-light, #f8f8f8) var(--lightningcss-dark, #1b1b1b);
}

html[data-background="layer-2"] {
  --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
}
/*# sourceMappingURL=page.css.map */