.radioItem .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.radioItem .slotBefore {
  display: flex;
  align-items: center;
}
.radioItem:global(.carbon) .icon {
  border-color: var(--agate-accent-color, #8fd43a);
  border-style: solid;
  border-width: 1px;
  background-color: transparent;
  border-radius: 41.625rem;
  color: transparent;
  opacity: inherit;
  margin: 0;
  height: 1.5rem;
  width: 1.5rem;
}
.radioItem:global(.carbon) .slotBefore {
  margin-inline-end: 0.5rem;
}
:global(.spotlight-input-key) .radioItem:global(.carbon):global(.spottable):focus,
:global(.spotlight-input-mouse) .radioItem:global(.carbon):global(.spottable):focus {
  color: var(--agate-accent-color, #8fd43a);
  border-color: transparent;
}
:global(.spotlight-input-key) .radioItem:global(.carbon):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.carbon):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.carbon):global(.spottable):active {
  color: var(--agate-accent-color, #8fd43a);
  border-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.carbon):global(.spottable):active .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.carbon).selected {
  border-color: transparent;
}
.radioItem:global(.carbon).selected .icon {
  color: var(--agate-accent-color, #8fd43a);
  background-color: transparent;
  opacity: inherit;
}
:global(.spotlight-input-key) .radioItem:global(.carbon).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.carbon).selected:global(.spottable):focus .icon {
  color: var(--agate-accent-color, #8fd43a);
}
:global(.spotlight-input-touch) .radioItem:global(.carbon).selected:global(.spottable):active .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;
  margin: 0;
  height: 1.75rem;
  width: 1.75rem;
}
.radioItem:global(.cobalt) .slotBefore {
  margin-inline-end: 0.5rem;
}
:global(.spotlight-input-key) .radioItem:global(.cobalt):global(.spottable):focus,
:global(.spotlight-input-mouse) .radioItem:global(.cobalt):global(.spottable):focus {
  color: var(--agate-accent-color, #8c81ff);
  border-color: transparent;
}
:global(.spotlight-input-key) .radioItem:global(.cobalt):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.cobalt):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.cobalt):global(.spottable):active {
  color: var(--agate-accent-color, #8c81ff);
  border-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.cobalt):global(.spottable):active .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.cobalt).selected {
  border-color: transparent;
}
.radioItem:global(.cobalt).selected .icon {
  color: inherit;
  background-color: transparent;
  opacity: inherit;
}
:global(.spotlight-input-key) .radioItem:global(.cobalt).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.cobalt).selected:global(.spottable):focus .icon {
  color: inherit;
}
:global(.spotlight-input-touch) .radioItem:global(.cobalt).selected:global(.spottable):active .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;
  margin: 0;
  height: 1.75rem;
  width: 1.75rem;
}
.radioItem:global(.cobalt):global(.night) .slotBefore {
  margin-inline-end: 0.5rem;
}
:global(.spotlight-input-key) .radioItem:global(.cobalt):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .radioItem:global(.cobalt):global(.night):global(.spottable):focus {
  color: #373739;
  border-color: transparent;
}
:global(.spotlight-input-key) .radioItem:global(.cobalt):global(.night):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.cobalt):global(.night):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.cobalt):global(.night):global(.spottable):active {
  color: #373739;
  border-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.cobalt):global(.night):global(.spottable):active .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.cobalt):global(.night).selected {
  border-color: transparent;
}
.radioItem:global(.cobalt):global(.night).selected .icon {
  color: var(--agate-accent-color, #fc7982);
  background-color: transparent;
  opacity: inherit;
}
:global(.spotlight-input-key) .radioItem:global(.cobalt):global(.night).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.cobalt):global(.night).selected:global(.spottable):focus .icon {
  color: var(--agate-accent-color, #fc7982);
}
:global(.spotlight-input-touch) .radioItem:global(.cobalt):global(.night).selected:global(.spottable):active .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;
  margin: 0;
  height: 1.75rem;
  width: 1.75rem;
}
.radioItem:global(.copper) .slotBefore {
  margin-inline-end: 0.5rem;
}
:global(.spotlight-input-key) .radioItem:global(.copper):global(.spottable):focus,
:global(.spotlight-input-mouse) .radioItem:global(.copper):global(.spottable):focus {
  color: var(--agate-accent-color, #a47d66);
  border-color: transparent;
}
:global(.spotlight-input-key) .radioItem:global(.copper):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.copper):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.copper):global(.spottable):active {
  color: var(--agate-accent-color, #a47d66);
  border-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.copper):global(.spottable):active .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.copper).selected {
  border-color: transparent;
}
.radioItem:global(.copper).selected .icon {
  color: inherit;
  background-color: transparent;
  opacity: inherit;
}
:global(.spotlight-input-key) .radioItem:global(.copper).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.copper).selected:global(.spottable):focus .icon {
  color: inherit;
}
:global(.spotlight-input-touch) .radioItem:global(.copper).selected:global(.spottable):active .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;
  margin: 0;
  height: 1.75rem;
  width: 1.75rem;
}
.radioItem:global(.copper):global(.night) .slotBefore {
  margin-inline-end: 0.5rem;
}
:global(.spotlight-input-key) .radioItem:global(.copper):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .radioItem:global(.copper):global(.night):global(.spottable):focus {
  color: #373739;
  border-color: transparent;
}
:global(.spotlight-input-key) .radioItem:global(.copper):global(.night):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.copper):global(.night):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.copper):global(.night):global(.spottable):active {
  color: #373739;
  border-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.copper):global(.night):global(.spottable):active .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.copper):global(.night).selected {
  border-color: transparent;
}
.radioItem:global(.copper):global(.night).selected .icon {
  color: var(--agate-accent-color, #e0b094);
  background-color: transparent;
  opacity: inherit;
}
:global(.spotlight-input-key) .radioItem:global(.copper):global(.night).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.copper):global(.night).selected:global(.spottable):focus .icon {
  color: var(--agate-accent-color, #e0b094);
}
:global(.spotlight-input-touch) .radioItem:global(.copper):global(.night).selected:global(.spottable):active .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;
  margin: 0;
  height: 1.75rem;
  width: 1.75rem;
}
.radioItem:global(.electro) .slotBefore {
  margin-inline-end: 0.5rem;
}
:global(.spotlight-input-key) .radioItem:global(.electro):global(.spottable):focus,
:global(.spotlight-input-mouse) .radioItem:global(.electro):global(.spottable):focus {
  color: white;
  border-color: transparent;
}
:global(.spotlight-input-key) .radioItem:global(.electro):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .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);
}
:global(.spotlight-input-touch) .radioItem:global(.electro):global(.spottable):active {
  color: white;
  border-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.electro):global(.spottable):active .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 {
  border-color: transparent;
}
.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;
}
:global(.spotlight-input-key) .radioItem:global(.electro).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.electro).selected:global(.spottable):focus .icon {
  color: white;
}
:global(.spotlight-input-touch) .radioItem:global(.electro).selected:global(.spottable):active .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;
  margin: 0;
  height: 1.25rem;
  width: 1.25rem;
}
.radioItem:global(.gallium) .slotBefore {
  margin-inline-end: 0.5rem;
}
:global(.spotlight-input-key) .radioItem:global(.gallium):global(.spottable):focus,
:global(.spotlight-input-mouse) .radioItem:global(.gallium):global(.spottable):focus {
  color: #000000;
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-key) .radioItem:global(.gallium):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.gallium):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.gallium):global(.spottable):active {
  color: #000000;
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .radioItem:global(.gallium):global(.spottable):active .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.gallium).selected {
  border-color: transparent;
}
.radioItem:global(.gallium).selected .icon {
  color: var(--agate-accent-color, #8b7efe);
  background-color: transparent;
  opacity: inherit;
}
:global(.spotlight-input-key) .radioItem:global(.gallium).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.gallium).selected:global(.spottable):focus .icon {
  color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .radioItem:global(.gallium).selected:global(.spottable):active .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;
  margin: 0;
  height: 1.25rem;
  width: 1.25rem;
}
.radioItem:global(.gallium):global(.night) .slotBefore {
  margin-inline-end: 0.5rem;
}
:global(.spotlight-input-key) .radioItem:global(.gallium):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .radioItem:global(.gallium):global(.night):global(.spottable):focus {
  color: #ffffff;
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-key) .radioItem:global(.gallium):global(.night):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.gallium):global(.night):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.gallium):global(.night):global(.spottable):active {
  color: #ffffff;
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .radioItem:global(.gallium):global(.night):global(.spottable):active .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.gallium):global(.night).selected {
  border-color: transparent;
}
.radioItem:global(.gallium):global(.night).selected .icon {
  color: var(--agate-accent-color, #8b7efe);
  background-color: transparent;
  opacity: inherit;
}
:global(.spotlight-input-key) .radioItem:global(.gallium):global(.night).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.gallium):global(.night).selected:global(.spottable):focus .icon {
  color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .radioItem:global(.gallium):global(.night).selected:global(.spottable):active .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;
  margin: 0.625rem;
  height: 1.25rem;
  width: 1.25rem;
}
.radioItem:global(.silicon) .slotBefore {
  margin-inline-end: 0.875rem;
}
:global(.spotlight-input-key) .radioItem:global(.silicon):global(.spottable):focus,
:global(.spotlight-input-mouse) .radioItem:global(.silicon):global(.spottable):focus {
  color: #000000;
  border-color: transparent;
}
:global(.spotlight-input-key) .radioItem:global(.silicon):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.silicon):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.silicon):global(.spottable):active {
  color: #000000;
  border-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.silicon):global(.spottable):active .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.silicon).selected {
  border-color: var(--agate-accent-color, #ff2d55);
}
.radioItem:global(.silicon).selected .icon {
  color: #000000;
  background-color: transparent;
  opacity: inherit;
}
:global(.spotlight-input-key) .radioItem:global(.silicon).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.silicon).selected:global(.spottable):focus .icon {
  color: #000000;
}
:global(.spotlight-input-touch) .radioItem:global(.silicon).selected:global(.spottable):active .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;
  margin: 0.625rem;
  height: 1.25rem;
  width: 1.25rem;
}
.radioItem:global(.silicon):global(.night) .slotBefore {
  margin-inline-end: 0.875rem;
}
:global(.spotlight-input-key) .radioItem:global(.silicon):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .radioItem:global(.silicon):global(.night):global(.spottable):focus {
  color: #ffffff;
  border-color: transparent;
}
:global(.spotlight-input-key) .radioItem:global(.silicon):global(.night):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.silicon):global(.night):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.silicon):global(.night):global(.spottable):active {
  color: #ffffff;
  border-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.silicon):global(.night):global(.spottable):active .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.silicon):global(.night).selected {
  border-color: var(--agate-accent-color, #ff2d55);
}
.radioItem:global(.silicon):global(.night).selected .icon {
  color: #ffffff;
  background-color: transparent;
  opacity: inherit;
}
:global(.spotlight-input-key) .radioItem:global(.silicon):global(.night).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.silicon):global(.night).selected:global(.spottable):focus .icon {
  color: #ffffff;
}
:global(.spotlight-input-touch) .radioItem:global(.silicon):global(.night).selected:global(.spottable):active .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;
  margin: 0;
  height: 1.75rem;
  width: 1.75rem;
}
.radioItem:global(.titanium) .slotBefore {
  margin-inline-end: 0.5rem;
}
:global(.spotlight-input-key) .radioItem:global(.titanium):global(.spottable):focus,
:global(.spotlight-input-mouse) .radioItem:global(.titanium):global(.spottable):focus {
  color: white;
  border-color: transparent;
}
:global(.spotlight-input-key) .radioItem:global(.titanium):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.titanium):global(.spottable):focus .icon {
  color: transparent;
  background-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.titanium):global(.spottable):active {
  color: white;
  border-color: transparent;
}
:global(.spotlight-input-touch) .radioItem:global(.titanium):global(.spottable):active .icon {
  color: transparent;
  background-color: transparent;
}
.radioItem:global(.titanium).selected {
  border-color: transparent;
}
.radioItem:global(.titanium).selected .icon {
  color: inherit;
  background-color: transparent;
  opacity: inherit;
}
:global(.spotlight-input-key) .radioItem:global(.titanium).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .radioItem:global(.titanium).selected:global(.spottable):focus .icon {
  color: inherit;
}
:global(.spotlight-input-touch) .radioItem:global(.titanium).selected:global(.spottable):active .icon {
  color: inherit;
}
