.radioItem:global(.carbon) .icon {
  border-color: var(--agate-highlight-color, #6abe0b);
  border-style: solid;
  border-width: 1px;
  background-color: transparent;
  border-radius: 41.625rem;
  color: transparent;
  opacity: inherit;
}
.radioItem:global(.carbon):global(.spottable):focus {
  color: var(--agate-accent-color, #8fd43a);
}
.radioItem:global(.carbon):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.carbon).selected .icon {
  color: var(--agate-accent-color, #8fd43a);
  background-color: transparent;
  opacity: inherit;
}
.radioItem:global(.carbon).selected:global(.spottable):focus .icon {
  color: var(--agate-accent-color, #8fd43a);
}
.radioItem:global(.cobalt) .icon {
  border-color: var(--agate-accent-color, #8c81ff);
  border-style: solid;
  border-width: 0.125rem;
  background-color: transparent;
  border-radius: 41.625rem;
  color: transparent;
  opacity: inherit;
}
.radioItem:global(.cobalt):global(.spottable):focus {
  color: var(--agate-accent-color, #8c81ff);
}
.radioItem:global(.cobalt):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.cobalt).selected .icon {
  color: inherit;
  background-color: transparent;
  opacity: inherit;
}
.radioItem:global(.cobalt).selected:global(.spottable):focus .icon {
  color: inherit;
}
.radioItem:global(.cobalt):global(.night) .icon {
  border-color: var(--agate-accent-color, #fc7982);
  border-style: solid;
  border-width: 0.125rem;
  background-color: transparent;
  border-radius: 41.625rem;
  color: transparent;
  opacity: inherit;
}
.radioItem:global(.cobalt):global(.night):global(.spottable):focus {
  color: #373739;
}
.radioItem:global(.cobalt):global(.night):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.cobalt):global(.night).selected .icon {
  color: var(--agate-accent-color, #fc7982);
  background-color: transparent;
  opacity: inherit;
}
.radioItem:global(.cobalt):global(.night).selected:global(.spottable):focus .icon {
  color: var(--agate-accent-color, #fc7982);
}
.radioItem:global(.copper) .icon {
  border-color: var(--agate-accent-color, #a47d66);
  border-style: solid;
  border-width: 0.125rem;
  background-color: transparent;
  border-radius: 41.625rem;
  color: transparent;
  opacity: inherit;
}
.radioItem:global(.copper):global(.spottable):focus {
  color: var(--agate-accent-color, #a47d66);
}
.radioItem:global(.copper):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.copper).selected .icon {
  color: inherit;
  background-color: transparent;
  opacity: inherit;
}
.radioItem:global(.copper).selected:global(.spottable):focus .icon {
  color: inherit;
}
.radioItem:global(.copper):global(.night) .icon {
  border-color: #4d4d4d;
  border-style: solid;
  border-width: 0.125rem;
  background-color: transparent;
  border-radius: 41.625rem;
  color: transparent;
  opacity: inherit;
}
.radioItem:global(.copper):global(.night):global(.spottable):focus {
  color: #373739;
}
.radioItem:global(.copper):global(.night):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.copper):global(.night).selected .icon {
  color: var(--agate-accent-color, #e0b094);
  background-color: transparent;
  opacity: inherit;
}
.radioItem:global(.copper):global(.night).selected:global(.spottable):focus .icon {
  color: var(--agate-accent-color, #e0b094);
}
.radioItem:global(.electro) .icon {
  border-color: var(--agate-accent-color, #0359f0);
  border-style: solid;
  border-width: 0.125rem;
  background-color: transparent;
  border-radius: 41.625rem;
  color: transparent;
  opacity: inherit;
}
.radioItem:global(.electro):global(.spottable):focus {
  color: white;
}
.radioItem:global(.electro):global(.spottable):focus .icon {
  color: transparent;
  background-color: hsla( calc( var(--agate-accent-h, 218) - 27), calc( var(--agate-accent-s, 98%) - 1%), calc( var(--agate-accent-l, 48%) + 17%) , 0.7);
}
.radioItem:global(.electro).selected .icon {
  color: white;
  background-color: hsla(var(--agate-accent-h, 0), var(--agate-accent-s, 0), var(--agate-accent-l, 0), 0.5);
  opacity: inherit;
}
.radioItem:global(.electro).selected:global(.spottable):focus .icon {
  color: white;
}
.radioItem:global(.gallium) .icon {
  border-color: var(--agate-highlight-color, #c6c0fe);
  border-style: solid;
  border-width: 1px;
  background-color: transparent;
  border-radius: 41.625rem;
  color: transparent;
  opacity: inherit;
}
.radioItem:global(.gallium):global(.spottable):focus {
  color: #000000;
}
.radioItem:global(.gallium):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.gallium).selected .icon {
  color: var(--agate-accent-color, #8b7efe);
  background-color: transparent;
  opacity: inherit;
}
.radioItem:global(.gallium).selected:global(.spottable):focus .icon {
  color: var(--agate-accent-color, #8b7efe);
}
.radioItem:global(.gallium):global(.night) .icon {
  border-color: var(--agate-highlight-color, #c6c0fe);
  border-style: solid;
  border-width: 1px;
  background-color: transparent;
  border-radius: 41.625rem;
  color: transparent;
  opacity: inherit;
}
.radioItem:global(.gallium):global(.night):global(.spottable):focus {
  color: #ffffff;
}
.radioItem:global(.gallium):global(.night):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.gallium):global(.night).selected .icon {
  color: var(--agate-accent-color, #8b7efe);
  background-color: transparent;
  opacity: inherit;
}
.radioItem:global(.gallium):global(.night).selected:global(.spottable):focus .icon {
  color: var(--agate-accent-color, #8b7efe);
}
.radioItem:global(.silicon) .icon {
  border-color: #000000;
  border-style: solid;
  border-width: 0.125rem;
  background-color: transparent;
  border-radius: 41.625rem;
  color: transparent;
  opacity: inherit;
}
.radioItem:global(.silicon):global(.spottable):focus {
  color: #000000;
}
.radioItem:global(.silicon):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.silicon).selected .icon {
  color: #000000;
  background-color: transparent;
  opacity: inherit;
}
.radioItem:global(.silicon).selected:global(.spottable):focus .icon {
  color: #000000;
}
.radioItem:global(.silicon):global(.night) .icon {
  border-color: #ffffff;
  border-style: solid;
  border-width: 0.125rem;
  background-color: transparent;
  border-radius: 41.625rem;
  color: transparent;
  opacity: inherit;
}
.radioItem:global(.silicon):global(.night):global(.spottable):focus {
  color: #ffffff;
}
.radioItem:global(.silicon):global(.night):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.silicon):global(.night).selected .icon {
  color: #ffffff;
  background-color: transparent;
  opacity: inherit;
}
.radioItem:global(.silicon):global(.night).selected:global(.spottable):focus .icon {
  color: #ffffff;
}
.radioItem:global(.titanium) .icon {
  border-color: var(--agate-accent-color, rgba(0, 0, 0, 0.1));
  border-style: solid;
  border-width: 0.125rem;
  background-color: transparent;
  border-radius: 41.625rem;
  color: transparent;
  opacity: inherit;
}
.radioItem:global(.titanium):global(.spottable):focus {
  color: white;
}
.radioItem:global(.titanium):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.titanium).selected .icon {
  color: inherit;
  background-color: transparent;
  opacity: inherit;
}
.radioItem:global(.titanium).selected:global(.spottable):focus .icon {
  color: inherit;
}
