@layer s1-a, s1-b;

@layer a {
  .s1-os1-e {
    width: calc(1rem * var(--spectrum-global-dimension-scale-factor));
  }

  .s1-os1-g {
    width: calc(1.5rem * var(--spectrum-global-dimension-scale-factor));
  }

  .s1-os1-i {
    width: calc(2rem * var(--spectrum-global-dimension-scale-factor));
  }

  .s1-os1-k {
    width: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));
  }

  .s1-ns1-e {
    height: calc(1rem * var(--spectrum-global-dimension-scale-factor));
  }

  .s1-ns1-g {
    height: calc(1.5rem * var(--spectrum-global-dimension-scale-factor));
  }

  .s1-ns1-i {
    height: calc(2rem * var(--spectrum-global-dimension-scale-factor));
  }

  .s1-ns1-k {
    height: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .s1-c-1n5whoe {
    border-color: color-mix(in srgb, var(--spectrum-gray-900), transparent 49%);
  }

  .s1-ws1-b {
    border-top-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
  }

  .s1-xs1-b {
    border-bottom-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
  }

  .s1-us1-b {
    border-inline-start-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
  }

  .s1-vs1-b {
    border-inline-end-width: var(--spectrum-alias-border-size-thin, var(--spectrum-global-dimension-static-size-10));
  }

  .s1-As1-a {
    border-style: solid;
  }

  .s1-__ls1-a {
    box-sizing: border-box;
  }

  .s1-_us1-b {
    forced-color-adjust: none;
  }
}
/*# sourceMappingURL=ColorSwatch.css.map */