@layer _.a {
  .Zu12 {
    width: calc(1rem * var(--s2-scale));
  }

  .Zo12 {
    width: calc(1.5rem * var(--s2-scale));
  }

  .ZC12 {
    width: calc(2rem * var(--s2-scale));
  }

  .Zw12 {
    width: calc(2.5rem * var(--s2-scale));
  }

  .Ft12 {
    height: calc(1rem * var(--s2-scale));
  }

  .Fp12 {
    height: calc(1.5rem * var(--s2-scale));
  }

  .Fx12 {
    height: calc(2rem * var(--s2-scale));
  }

  .Fv12 {
    height: calc(2.5rem * var(--s2-scale));
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .iz12 {
    border-color: light-dark(#0000006b, #ffffff6b);
  }

  ._kb12 {
    border-top-width: 1px;
  }

  .hb12 {
    border-bottom-width: 1px;
  }

  .mb12 {
    border-inline-start-width: 1px;
  }

  .lb12 {
    border-inline-end-width: 1px;
  }

  ._jf12 {
    border-style: solid;
  }

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

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

  .-_8LZfRc-pq12 {
    --slash-color: light-dark(#d73220, #fc432e);
  }
}
/*# sourceMappingURL=ColorSwatch.css.map */
