: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;
  --lightningcss-light: initial;
  --lightningcss-dark: ;

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

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

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

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

  &[data-background="layer-2"] {
    --s2-container-bg: light-dark(#fff, #222);
  }
}


/*# sourceMappingURL=s2-css-1.6.0.bf6373449e67c117dc05.css.map*/