.swatchButton:global(.carbon) {
  vertical-align: inherit;
}
.swatchButton:global(.carbon),
.swatchButton:global(.carbon).small {
  padding: 0;
}
.swatchButton:global(.carbon) .bg {
  border-radius: 41.625rem;
  transform: none;
}
.swatchButton:global(.carbon) .colorSwatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  border-radius: 41.625rem;
  margin: 0.25rem;
}
.swatchButton:global(.cobalt) {
  vertical-align: inherit;
}
.swatchButton:global(.cobalt),
.swatchButton:global(.cobalt).small {
  padding: 0;
}
.swatchButton:global(.cobalt) .bg {
  border-radius: 41.625rem;
  transform: none;
}
.swatchButton:global(.cobalt) .colorSwatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  border-radius: 41.625rem;
  margin: 0.25rem;
}
.swatchButton:global(.cobalt):global(.night) {
  vertical-align: inherit;
}
.swatchButton:global(.cobalt):global(.night),
.swatchButton:global(.cobalt):global(.night).small {
  padding: 0;
}
.swatchButton:global(.cobalt):global(.night) .bg {
  border-radius: 41.625rem;
  transform: none;
}
.swatchButton:global(.cobalt):global(.night) .colorSwatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  border-radius: 41.625rem;
  margin: 0.25rem;
}
.swatchButton:global(.copper) {
  vertical-align: inherit;
}
.swatchButton:global(.copper),
.swatchButton:global(.copper).small {
  padding: 0;
}
.swatchButton:global(.copper) .bg {
  border-radius: 41.625rem;
  transform: none;
}
.swatchButton:global(.copper) .colorSwatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  border-radius: 41.625rem;
  margin: 0.25rem;
}
.swatchButton:global(.copper):global(.night) {
  vertical-align: inherit;
}
.swatchButton:global(.copper):global(.night),
.swatchButton:global(.copper):global(.night).small {
  padding: 0;
}
.swatchButton:global(.copper):global(.night) .bg {
  border-radius: 41.625rem;
  transform: none;
}
.swatchButton:global(.copper):global(.night) .colorSwatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  border-radius: 41.625rem;
  margin: 0.25rem;
}
.swatchButton:global(.electro) {
  vertical-align: inherit;
}
.swatchButton:global(.electro),
.swatchButton:global(.electro).small {
  padding: 0;
}
.swatchButton:global(.electro) .bg {
  border-radius: 0.75rem;
  transform: skewX(-20deg);
}
.swatchButton:global(.electro) .colorSwatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: skewX(-20deg);
  border-radius: 0.625rem;
  margin: 0.125rem;
}
.swatchButton:global(.gallium) {
  vertical-align: inherit;
}
.swatchButton:global(.gallium),
.swatchButton:global(.gallium).small {
  padding: 0;
}
.swatchButton:global(.gallium) .bg {
  border-radius: 41.625rem;
  transform: none;
}
.swatchButton:global(.gallium) .colorSwatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  border-radius: 41.625rem;
  margin: 0.25rem;
}
.swatchButton:global(.gallium):global(.night) {
  vertical-align: inherit;
}
.swatchButton:global(.gallium):global(.night),
.swatchButton:global(.gallium):global(.night).small {
  padding: 0;
}
.swatchButton:global(.gallium):global(.night) .bg {
  border-radius: 41.625rem;
  transform: none;
}
.swatchButton:global(.gallium):global(.night) .colorSwatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  border-radius: 41.625rem;
  margin: 0.25rem;
}
.swatchButton:global(.silicon) {
  vertical-align: inherit;
}
.swatchButton:global(.silicon),
.swatchButton:global(.silicon).small {
  padding: 0;
}
.swatchButton:global(.silicon) .bg {
  border-radius: 41.625rem;
  transform: none;
}
.swatchButton:global(.silicon) .colorSwatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  border-radius: 41.625rem;
  margin: 0.25rem;
}
.swatchButton:global(.silicon):global(.night) {
  vertical-align: inherit;
}
.swatchButton:global(.silicon):global(.night),
.swatchButton:global(.silicon):global(.night).small {
  padding: 0;
}
.swatchButton:global(.silicon):global(.night) .bg {
  border-radius: 41.625rem;
  transform: none;
}
.swatchButton:global(.silicon):global(.night) .colorSwatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  border-radius: 41.625rem;
  margin: 0.25rem;
}
.swatchButton:global(.titanium) {
  vertical-align: inherit;
}
.swatchButton:global(.titanium),
.swatchButton:global(.titanium).small {
  padding: 0;
}
.swatchButton:global(.titanium) .bg {
  border-radius: 41.625rem;
  transform: none;
}
.swatchButton:global(.titanium) .colorSwatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
  border-radius: 41.625rem;
  margin: 0.25rem;
}
