@layer s1-a, s1-b;

@layer a {
  .s1-_Ts1-d {
    display: flex;
  }

  .s1-_1s1-a {
    flex-wrap: wrap;
  }

  .s1-ls1-F {
    row-gap: .125rem;
  }

  .s1-ls1-b {
    row-gap: .25rem;
  }

  .s1-ls1-c {
    row-gap: .5rem;
  }

  .s1-ms1-F {
    column-gap: .125rem;
  }

  .s1-ms1-b {
    column-gap: .25rem;
  }

  .s1-ms1-c {
    column-gap: .5rem;
  }

  .s1-_Fs1-a {
    outline-style: none;
  }

  .s1-_Fs1-b {
    outline-style: solid;
  }

  .s1-ds1-___I {
    outline-color: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
  }

  .s1-_Hs1-c {
    outline-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
  }

  .s1-_Gs1-c {
    outline-offset: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
  }

  .s1-Xs1-c {
    position: relative;
  }

  .s1-_qs1-a {
    border-start-start-radius: 0;
  }

  .s1-_qs1-c {
    border-start-start-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
  }

  .s1-_qs1-f {
    border-start-start-radius: 9999px;
  }

  .s1-_rs1-a {
    border-start-end-radius: 0;
  }

  .s1-_rs1-c {
    border-start-end-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
  }

  .s1-_rs1-f {
    border-start-end-radius: 9999px;
  }

  .s1-_ss1-a {
    border-end-start-radius: 0;
  }

  .s1-_ss1-c {
    border-end-start-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
  }

  .s1-_ss1-f {
    border-end-start-radius: 9999px;
  }

  .s1-_ts1-a {
    border-end-end-radius: 0;
  }

  .s1-_ts1-c {
    border-end-end-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
  }

  .s1-_ts1-f {
    border-end-end-radius: 9999px;
  }

  .s1-Xs1-a {
    position: absolute;
  }

  .s1-__zs1-a {
    pointer-events: none;
  }

  .s1-0s1-a {
    top: 0;
  }

  .s1-2s1-a {
    bottom: 0;
  }

  .s1-1s1-a {
    left: 0;
  }

  .s1-3s1-a {
    right: 0;
  }

  .s1-_p-1icpv9v {
    box-shadow: inset 0 0 0 2px var(--spectrum-gray-900), inset 0 0 0 4px var(--spectrum-gray-50);
  }

  .s1-_us1-b {
    forced-color-adjust: none;
  }

  .s1-_q-17zqamw {
    border-start-start-radius: inherit;
  }

  .s1-_r-17zqamw {
    border-start-end-radius: inherit;
  }

  .s1-_s-17zqamw {
    border-end-start-radius: inherit;
  }

  .s1-_t-17zqamw {
    border-end-end-radius: inherit;
  }
}

@layer s1-b.s1-a {
  @media (forced-colors: active) {
    .s1-ds1-as1-___D {
      outline-color: highlight;
    }
  }
}
/*# sourceMappingURL=ColorSwatchPicker.css.map */