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

  ._wb11 {
    flex-wrap: wrap;
  }

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

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

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

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

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

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

  ._Le11 {
    outline-style: none;
  }

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

  ._Kd11 {
    outline-offset: 2px;
  }

  ._Pc11 {
    position: relative;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  ._Pa11 {
    position: absolute;
  }

  ._Ob11 {
    pointer-events: none;
  }

  .Wr11 {
    top: 0;
  }

  ._lr11 {
    bottom: 0;
  }

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

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

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

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

  ._jf11 {
    border-style: solid;
  }

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

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

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

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

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

  ._Lf11 {
    outline-style: solid;
  }

  ._Mc11 {
    outline-width: 2px;
  }

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

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

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

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

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

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

@layer _.b;

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