@react-spectrum/s2/dist/Provider.css

Spectrum 2 UI components in React

@layer _.a {
  :where(:root, :host) {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    --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;
    }
  }

  ._pN79Hzc1 {
    color-scheme: var(--lightningcss-light, light) var(--lightningcss-dark, dark);
  }

  ._pc1 {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light dark;
  }

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

  ._pb1 {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  ._pa1 {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  .-Ovbhqd-gX1 {
    --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
  }

  .-Ovbhqd-gqlRAZb1 {
    --s2-container-bg: var(--lightningcss-light, #f8f8f8) var(--lightningcss-dark, #1b1b1b);
  }

  .-Ovbhqd-g_g1 {
    --s2-container-bg: var(--lightningcss-light, #fff) var(--lightningcss-dark, #222);
  }

  .gEzkoQe1 {
    background-color: var(--s2-container-bg);
    background-color: var(--s2-container-bg);
    background-color: var(--s2-container-bg);
  }

  ._Bb1 {
    isolation: isolate;
  }
}
/*# sourceMappingURL=Provider.css.map */