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

  ._wb1 {
    flex-wrap: wrap;
  }

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

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

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

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

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

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

  ._Le1 {
    outline-style: none;
  }

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

  ._Kd1 {
    outline-offset: 2px;
  }

  ._Pc1 {
    position: relative;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  ._Pa1 {
    position: absolute;
  }

  ._Ob1 {
    pointer-events: none;
  }

  .Wr1 {
    top: 0;
  }

  ._lr1 {
    bottom: 0;
  }

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

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

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

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

  ._jf1 {
    border-style: solid;
  }

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

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

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

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

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

  ._Lf1 {
    outline-style: solid;
  }

  ._Mc1 {
    outline-width: 2px;
  }

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

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

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

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

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

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

@layer _.b;

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