:where(:root, :host) {
  --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;
  --s2-font-size-base: 14;
}

@media (prefers-color-scheme: dark) {
  :where(:root, :host) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
  }
}

@media not ((hover: hover) and (pointer: fine)) {
  :where(:root, :host) {
    --s2-scale: 1.25;
    --s2-font-size-base: 17;
  }
}

:where(:root, :host)[data-color-scheme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

:where(:root, :host)[data-color-scheme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

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

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