@layer _.a {
  .sd12 {
    display: flex;
  }

  ._wb12 {
    flex-wrap: wrap;
  }

  .Ua12 {
    row-gap: .125rem;
  }

  .Ub12 {
    row-gap: .25rem;
  }

  .UWJpoB12 {
    row-gap: .375rem;
  }

  .qa12 {
    column-gap: .125rem;
  }

  .qb12 {
    column-gap: .25rem;
  }

  .qWJpoB12 {
    column-gap: .375rem;
  }

  ._Le12 {
    outline-style: none;
  }

  .Oh12 {
    outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
  }

  ._Kd12 {
    outline-offset: 2px;
  }

  ._Pc12 {
    position: relative;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .__ca12 {
    -webkit-tap-highlight-color: #0000;
  }

  ._Pa12 {
    position: absolute;
  }

  ._Ob12 {
    pointer-events: none;
  }

  .Wr12 {
    top: 0;
  }

  ._lr12 {
    bottom: 0;
  }

  ._Ar12 {
    inset-inline-start: 0;
  }

  ._zr12 {
    inset-inline-end: 0;
  }

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

  .in12 {
    border-color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  ._jf12 {
    border-style: solid;
  }

  ._kc12 {
    border-top-width: 2px;
  }

  .hc12 {
    border-bottom-width: 2px;
  }

  .mc12 {
    border-inline-start-width: 2px;
  }

  .lc12 {
    border-inline-end-width: 2px;
  }

  .Og12 {
    outline-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
  }

  ._Lf12 {
    outline-style: solid;
  }

  ._Mc12 {
    outline-width: 2px;
  }

  ._Kc12 {
    outline-offset: -4px;
  }

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

  .oi12 {
    border-start-start-radius: inherit;
  }

  .ni12 {
    border-start-end-radius: inherit;
  }

  .ki12 {
    border-end-start-radius: inherit;
  }

  .ji12 {
    border-end-end-radius: inherit;
  }
}

@layer _.b;

@layer _.b.l {
  @media (forced-colors: active) {
    .Olc12 {
      outline-color: highlight;
    }
  }
}
/*# sourceMappingURL=ColorSwatchPicker.css.map */
