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

Spectrum 2 UI components in React

@layer _.a {
  .Zu1 {
    width: calc(1rem * var(--s2-scale));
  }

  .Zo1 {
    width: calc(1.5rem * var(--s2-scale));
  }

  .ZC1 {
    width: calc(2rem * var(--s2-scale));
  }

  .Zw1 {
    width: calc(2.5rem * var(--s2-scale));
  }

  .Ft1 {
    height: calc(1rem * var(--s2-scale));
  }

  .Fp1 {
    height: calc(1.5rem * var(--s2-scale));
  }

  .Fx1 {
    height: calc(2rem * var(--s2-scale));
  }

  .Fv1 {
    height: calc(2.5rem * var(--s2-scale));
  }

  .oa1 {
    border-start-start-radius: .25rem;
  }

  .od1 {
    border-start-start-radius: 0;
  }

  .og1 {
    border-start-start-radius: 9999px;
  }

  .na1 {
    border-start-end-radius: .25rem;
  }

  .nd1 {
    border-start-end-radius: 0;
  }

  .ng1 {
    border-start-end-radius: 9999px;
  }

  .ka1 {
    border-end-start-radius: .25rem;
  }

  .kd1 {
    border-end-start-radius: 0;
  }

  .kg1 {
    border-end-start-radius: 9999px;
  }

  .ja1 {
    border-end-end-radius: .25rem;
  }

  .jd1 {
    border-end-end-radius: 0;
  }

  .jg1 {
    border-end-end-radius: 9999px;
  }

  .iz1 {
    border-color: var(--lightningcss-light, #0000006b) var(--lightningcss-dark, #ffffff6b);
  }

  ._kb1 {
    border-top-width: 1px;
  }

  .hb1 {
    border-bottom-width: 1px;
  }

  .mb1 {
    border-inline-start-width: 1px;
  }

  .lb1 {
    border-inline-end-width: 1px;
  }

  ._jf1 {
    border-style: solid;
  }

  ._oa1 {
    box-sizing: border-box;
  }

  ._yb1 {
    forced-color-adjust: none;
  }

  .-_8LZfRc-pq1 {
    --slash-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #fc432e);
  }
}
/*# sourceMappingURL=ColorSwatch.css.map */