.switchItem .switchIcon {
  pointer-events: none;
}
.switchItem:global(.carbon) {
  padding: 0 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.carbon) {
  padding: 0 0.5rem 0 0.5rem;
}
.switchItem:global(.carbon) .switchIcon {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .switchItem:global(.carbon) .switchIcon {
  margin-left: 0;
  margin-right: 0.375rem;
}
.switchItem:global(.carbon) .icon {
  padding: 0;
}
.switchItem:global(.carbon) .slotBefore {
  margin-left: 0;
  margin-right: 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.carbon) .slotBefore {
  margin-left: 0.5rem;
  margin-right: 0;
}
.switchItem:global(.carbon) .label {
  color: var(--agate-accent-color, #8fd43a);
}
.switchItem:global(.carbon).selected {
  border-color: transparent;
}
.switchItem:global(.carbon).selected .label {
  color: inherit;
}
:global(.spotlight-input-key) .switchItem:global(.carbon):global(.spottable):focus.selected,
:global(.spotlight-input-mouse) .switchItem:global(.carbon):global(.spottable):focus.selected {
  border-color: transparent;
}
:global(.spotlight-input-key) .switchItem:global(.carbon):global(.spottable):focus.selected .label,
:global(.spotlight-input-mouse) .switchItem:global(.carbon):global(.spottable):focus.selected .label {
  color: inherit;
}
:global(.spotlight-input-touch) .switchItem:global(.carbon):global(.spottable):active.selected {
  border-color: transparent;
}
:global(.spotlight-input-touch) .switchItem:global(.carbon):global(.spottable):active.selected .label {
  color: inherit;
}
.switchItem:global(.cobalt) {
  padding: 0 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.cobalt) {
  padding: 0 0.5rem 0 0.5rem;
}
.switchItem:global(.cobalt) .switchIcon {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .switchItem:global(.cobalt) .switchIcon {
  margin-left: 0;
  margin-right: 0.375rem;
}
.switchItem:global(.cobalt) .icon {
  padding: 0;
}
.switchItem:global(.cobalt) .slotBefore {
  margin-left: 0;
  margin-right: 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.cobalt) .slotBefore {
  margin-left: 0.5rem;
  margin-right: 0;
}
.switchItem:global(.cobalt) .label {
  color: var(--agate-accent-color, #8c81ff);
}
.switchItem:global(.cobalt).selected {
  border-color: transparent;
}
.switchItem:global(.cobalt).selected .label {
  color: inherit;
}
:global(.spotlight-input-key) .switchItem:global(.cobalt):global(.spottable):focus.selected,
:global(.spotlight-input-mouse) .switchItem:global(.cobalt):global(.spottable):focus.selected {
  border-color: transparent;
}
:global(.spotlight-input-key) .switchItem:global(.cobalt):global(.spottable):focus.selected .label,
:global(.spotlight-input-mouse) .switchItem:global(.cobalt):global(.spottable):focus.selected .label {
  color: inherit;
}
:global(.spotlight-input-touch) .switchItem:global(.cobalt):global(.spottable):active.selected {
  border-color: transparent;
}
:global(.spotlight-input-touch) .switchItem:global(.cobalt):global(.spottable):active.selected .label {
  color: inherit;
}
.switchItem:global(.cobalt):global(.night) {
  padding: 0 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.cobalt):global(.night) {
  padding: 0 0.5rem 0 0.5rem;
}
.switchItem:global(.cobalt):global(.night) .switchIcon {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .switchItem:global(.cobalt):global(.night) .switchIcon {
  margin-left: 0;
  margin-right: 0.375rem;
}
.switchItem:global(.cobalt):global(.night) .icon {
  padding: 0;
}
.switchItem:global(.cobalt):global(.night) .slotBefore {
  margin-left: 0;
  margin-right: 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.cobalt):global(.night) .slotBefore {
  margin-left: 0.5rem;
  margin-right: 0;
}
.switchItem:global(.cobalt):global(.night) .label {
  color: var(--agate-accent-color, #fc7982);
}
.switchItem:global(.cobalt):global(.night).selected {
  border-color: transparent;
}
.switchItem:global(.cobalt):global(.night).selected .label {
  color: inherit;
}
:global(.spotlight-input-key) .switchItem:global(.cobalt):global(.night):global(.spottable):focus.selected,
:global(.spotlight-input-mouse) .switchItem:global(.cobalt):global(.night):global(.spottable):focus.selected {
  border-color: transparent;
}
:global(.spotlight-input-key) .switchItem:global(.cobalt):global(.night):global(.spottable):focus.selected .label,
:global(.spotlight-input-mouse) .switchItem:global(.cobalt):global(.night):global(.spottable):focus.selected .label {
  color: inherit;
}
:global(.spotlight-input-touch) .switchItem:global(.cobalt):global(.night):global(.spottable):active.selected {
  border-color: transparent;
}
:global(.spotlight-input-touch) .switchItem:global(.cobalt):global(.night):global(.spottable):active.selected .label {
  color: inherit;
}
.switchItem:global(.copper) {
  padding: 0 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.copper) {
  padding: 0 0.5rem 0 0.5rem;
}
.switchItem:global(.copper) .switchIcon {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .switchItem:global(.copper) .switchIcon {
  margin-left: 0;
  margin-right: 0.375rem;
}
.switchItem:global(.copper) .icon {
  padding: 0;
}
.switchItem:global(.copper) .slotBefore {
  margin-left: 0;
  margin-right: 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.copper) .slotBefore {
  margin-left: 0.5rem;
  margin-right: 0;
}
.switchItem:global(.copper) .label {
  color: var(--agate-accent-color, #a47d66);
}
.switchItem:global(.copper).selected {
  border-color: transparent;
}
.switchItem:global(.copper).selected .label {
  color: inherit;
}
:global(.spotlight-input-key) .switchItem:global(.copper):global(.spottable):focus.selected,
:global(.spotlight-input-mouse) .switchItem:global(.copper):global(.spottable):focus.selected {
  border-color: transparent;
}
:global(.spotlight-input-key) .switchItem:global(.copper):global(.spottable):focus.selected .label,
:global(.spotlight-input-mouse) .switchItem:global(.copper):global(.spottable):focus.selected .label {
  color: inherit;
}
:global(.spotlight-input-touch) .switchItem:global(.copper):global(.spottable):active.selected {
  border-color: transparent;
}
:global(.spotlight-input-touch) .switchItem:global(.copper):global(.spottable):active.selected .label {
  color: inherit;
}
.switchItem:global(.copper):global(.night) {
  padding: 0 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.copper):global(.night) {
  padding: 0 0.5rem 0 0.5rem;
}
.switchItem:global(.copper):global(.night) .switchIcon {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .switchItem:global(.copper):global(.night) .switchIcon {
  margin-left: 0;
  margin-right: 0.375rem;
}
.switchItem:global(.copper):global(.night) .icon {
  padding: 0;
}
.switchItem:global(.copper):global(.night) .slotBefore {
  margin-left: 0;
  margin-right: 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.copper):global(.night) .slotBefore {
  margin-left: 0.5rem;
  margin-right: 0;
}
.switchItem:global(.copper):global(.night) .label {
  color: var(--agate-accent-color, #e0b094);
}
.switchItem:global(.copper):global(.night).selected {
  border-color: transparent;
}
.switchItem:global(.copper):global(.night).selected .label {
  color: inherit;
}
:global(.spotlight-input-key) .switchItem:global(.copper):global(.night):global(.spottable):focus.selected,
:global(.spotlight-input-mouse) .switchItem:global(.copper):global(.night):global(.spottable):focus.selected {
  border-color: transparent;
}
:global(.spotlight-input-key) .switchItem:global(.copper):global(.night):global(.spottable):focus.selected .label,
:global(.spotlight-input-mouse) .switchItem:global(.copper):global(.night):global(.spottable):focus.selected .label {
  color: inherit;
}
:global(.spotlight-input-touch) .switchItem:global(.copper):global(.night):global(.spottable):active.selected {
  border-color: transparent;
}
:global(.spotlight-input-touch) .switchItem:global(.copper):global(.night):global(.spottable):active.selected .label {
  color: inherit;
}
.switchItem:global(.electro) {
  padding: 0 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.electro) {
  padding: 0 0.5rem 0 0.5rem;
}
.switchItem:global(.electro) .switchIcon {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .switchItem:global(.electro) .switchIcon {
  margin-left: 0;
  margin-right: 0.375rem;
}
.switchItem:global(.electro) .icon {
  padding: 0;
}
.switchItem:global(.electro) .slotBefore {
  margin-left: 0;
  margin-right: 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.electro) .slotBefore {
  margin-left: 0.5rem;
  margin-right: 0;
}
.switchItem:global(.electro) .label {
  color: var(--agate-accent-color, #0359f0);
}
.switchItem:global(.electro).selected {
  border-color: transparent;
}
.switchItem:global(.electro).selected .label {
  color: inherit;
}
:global(.spotlight-input-key) .switchItem:global(.electro):global(.spottable):focus.selected,
:global(.spotlight-input-mouse) .switchItem:global(.electro):global(.spottable):focus.selected {
  border-color: transparent;
}
:global(.spotlight-input-key) .switchItem:global(.electro):global(.spottable):focus.selected .label,
:global(.spotlight-input-mouse) .switchItem:global(.electro):global(.spottable):focus.selected .label {
  color: inherit;
}
:global(.spotlight-input-touch) .switchItem:global(.electro):global(.spottable):active.selected {
  border-color: transparent;
}
:global(.spotlight-input-touch) .switchItem:global(.electro):global(.spottable):active.selected .label {
  color: inherit;
}
.switchItem:global(.gallium) {
  padding: 0 1.33333rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.gallium) {
  padding: 0 1.33333rem 0 1.33333rem;
}
.switchItem:global(.gallium) .switchIcon {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .switchItem:global(.gallium) .switchIcon {
  margin-left: 0;
  margin-right: 0.375rem;
}
.switchItem:global(.gallium) .icon {
  padding: 0;
}
.switchItem:global(.gallium) .slotBefore {
  margin-left: 0;
  margin-right: 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.gallium) .slotBefore {
  margin-left: 0.5rem;
  margin-right: 0;
}
.switchItem:global(.gallium) .label {
  color: #000000;
}
.switchItem:global(.gallium).selected {
  border-color: transparent;
}
.switchItem:global(.gallium).selected .label {
  color: inherit;
}
:global(.spotlight-input-key) .switchItem:global(.gallium):global(.spottable):focus.selected,
:global(.spotlight-input-mouse) .switchItem:global(.gallium):global(.spottable):focus.selected {
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-key) .switchItem:global(.gallium):global(.spottable):focus.selected .label,
:global(.spotlight-input-mouse) .switchItem:global(.gallium):global(.spottable):focus.selected .label {
  color: inherit;
}
:global(.spotlight-input-touch) .switchItem:global(.gallium):global(.spottable):active.selected {
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .switchItem:global(.gallium):global(.spottable):active.selected .label {
  color: inherit;
}
.switchItem:global(.gallium):global(.night) {
  padding: 0 1.33333rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.gallium):global(.night) {
  padding: 0 1.33333rem 0 1.33333rem;
}
.switchItem:global(.gallium):global(.night) .switchIcon {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .switchItem:global(.gallium):global(.night) .switchIcon {
  margin-left: 0;
  margin-right: 0.375rem;
}
.switchItem:global(.gallium):global(.night) .icon {
  padding: 0;
}
.switchItem:global(.gallium):global(.night) .slotBefore {
  margin-left: 0;
  margin-right: 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.gallium):global(.night) .slotBefore {
  margin-left: 0.5rem;
  margin-right: 0;
}
.switchItem:global(.gallium):global(.night) .label {
  color: #ffffff;
}
.switchItem:global(.gallium):global(.night).selected {
  border-color: transparent;
}
.switchItem:global(.gallium):global(.night).selected .label {
  color: inherit;
}
:global(.spotlight-input-key) .switchItem:global(.gallium):global(.night):global(.spottable):focus.selected,
:global(.spotlight-input-mouse) .switchItem:global(.gallium):global(.night):global(.spottable):focus.selected {
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-key) .switchItem:global(.gallium):global(.night):global(.spottable):focus.selected .label,
:global(.spotlight-input-mouse) .switchItem:global(.gallium):global(.night):global(.spottable):focus.selected .label {
  color: inherit;
}
:global(.spotlight-input-touch) .switchItem:global(.gallium):global(.night):global(.spottable):active.selected {
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .switchItem:global(.gallium):global(.night):global(.spottable):active.selected .label {
  color: inherit;
}
.switchItem:global(.silicon) {
  padding: 0 1.25rem 0 0.875rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.silicon) {
  padding: 0 0.875rem 0 1.25rem;
}
.switchItem:global(.silicon) .switchIcon {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .switchItem:global(.silicon) .switchIcon {
  margin-left: 0;
  margin-right: 0.375rem;
}
.switchItem:global(.silicon) .icon {
  padding: 0.75rem;
}
.switchItem:global(.silicon) .slotBefore {
  margin-left: 0;
  margin-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.silicon) .slotBefore {
  margin-left: 0.375rem;
  margin-right: 0;
}
.switchItem:global(.silicon) .label {
  color: rgba(0, 0, 0, 0.3);
}
.switchItem:global(.silicon).selected {
  border-color: var(--agate-accent-color, #ff2d55);
}
.switchItem:global(.silicon).selected .label {
  color: inherit;
}
:global(.spotlight-input-key) .switchItem:global(.silicon):global(.spottable):focus.selected,
:global(.spotlight-input-mouse) .switchItem:global(.silicon):global(.spottable):focus.selected {
  border-color: rgba(0, 0, 0, 0.4);
}
:global(.spotlight-input-key) .switchItem:global(.silicon):global(.spottable):focus.selected .label,
:global(.spotlight-input-mouse) .switchItem:global(.silicon):global(.spottable):focus.selected .label {
  color: inherit;
}
:global(.spotlight-input-touch) .switchItem:global(.silicon):global(.spottable):active.selected {
  border-color: rgba(0, 0, 0, 0.4);
}
:global(.spotlight-input-touch) .switchItem:global(.silicon):global(.spottable):active.selected .label {
  color: inherit;
}
.switchItem:global(.silicon):global(.night) {
  padding: 0 1.25rem 0 0.875rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.silicon):global(.night) {
  padding: 0 0.875rem 0 1.25rem;
}
.switchItem:global(.silicon):global(.night) .switchIcon {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .switchItem:global(.silicon):global(.night) .switchIcon {
  margin-left: 0;
  margin-right: 0.375rem;
}
.switchItem:global(.silicon):global(.night) .icon {
  padding: 0.75rem;
}
.switchItem:global(.silicon):global(.night) .slotBefore {
  margin-left: 0;
  margin-right: 0.375rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.silicon):global(.night) .slotBefore {
  margin-left: 0.375rem;
  margin-right: 0;
}
.switchItem:global(.silicon):global(.night) .label {
  color: rgba(255, 255, 255, 0.3);
}
.switchItem:global(.silicon):global(.night).selected {
  border-color: var(--agate-accent-color, #ff2d55);
}
.switchItem:global(.silicon):global(.night).selected .label {
  color: inherit;
}
:global(.spotlight-input-key) .switchItem:global(.silicon):global(.night):global(.spottable):focus.selected,
:global(.spotlight-input-mouse) .switchItem:global(.silicon):global(.night):global(.spottable):focus.selected {
  border-color: rgba(255, 255, 255, 0.4);
}
:global(.spotlight-input-key) .switchItem:global(.silicon):global(.night):global(.spottable):focus.selected .label,
:global(.spotlight-input-mouse) .switchItem:global(.silicon):global(.night):global(.spottable):focus.selected .label {
  color: inherit;
}
:global(.spotlight-input-touch) .switchItem:global(.silicon):global(.night):global(.spottable):active.selected {
  border-color: rgba(255, 255, 255, 0.4);
}
:global(.spotlight-input-touch) .switchItem:global(.silicon):global(.night):global(.spottable):active.selected .label {
  color: inherit;
}
.switchItem:global(.titanium) {
  padding: 0 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.titanium) {
  padding: 0 0.5rem 0 0.5rem;
}
.switchItem:global(.titanium) .switchIcon {
  margin-left: 0.375rem;
  margin-right: 0;
}
:global(.enact-locale-right-to-left) .switchItem:global(.titanium) .switchIcon {
  margin-left: 0;
  margin-right: 0.375rem;
}
.switchItem:global(.titanium) .icon {
  padding: 0;
}
.switchItem:global(.titanium) .slotBefore {
  margin-left: 0;
  margin-right: 0.5rem;
}
:global(.enact-locale-right-to-left) .switchItem:global(.titanium) .slotBefore {
  margin-left: 0.5rem;
  margin-right: 0;
}
.switchItem:global(.titanium) .label {
  color: var(--agate-accent-color, rgba(0, 0, 0, 0.1));
}
.switchItem:global(.titanium).selected {
  border-color: transparent;
}
.switchItem:global(.titanium).selected .label {
  color: inherit;
}
:global(.spotlight-input-key) .switchItem:global(.titanium):global(.spottable):focus.selected,
:global(.spotlight-input-mouse) .switchItem:global(.titanium):global(.spottable):focus.selected {
  border-color: transparent;
}
:global(.spotlight-input-key) .switchItem:global(.titanium):global(.spottable):focus.selected .label,
:global(.spotlight-input-mouse) .switchItem:global(.titanium):global(.spottable):focus.selected .label {
  color: inherit;
}
:global(.spotlight-input-touch) .switchItem:global(.titanium):global(.spottable):active.selected {
  border-color: transparent;
}
:global(.spotlight-input-touch) .switchItem:global(.titanium):global(.spottable):active.selected .label {
  color: inherit;
}
