:where(:root, :host) {
  --s2-color-scheme: light dark;
  color-scheme: var(--s2-color-scheme);
  --s2-container-bg: light-dark(#fff, #111);
  background: var(--s2-container-bg);
  --s2-scale: 1;
  --s2-font-size-base: 14;

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

  &[data-color-scheme="light"] {
    --s2-color-scheme: light;
  }

  &[data-color-scheme="dark"] {
    --s2-color-scheme: dark;
  }

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

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