.checkbox {
  display: inline-block;
  position: relative;
}
.checkbox:global(.carbon) {
  width: 1.875rem;
  height: 1.875rem;
  color: #000;
}
.checkbox:global(.carbon) .bg {
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background-color: var(--agate-accent-color, #8fd43a);
}
.checkbox:global(.carbon) .icon {
  position: absolute;
  font-size: 2rem;
  color: transparent;
  margin: 0;
  line-height: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  border: inherit solid inherit;
}
:global(.spotlight-input-key) .checkbox:global(.carbon):global(.spottable):focus,
:global(.spotlight-input-mouse) .checkbox:global(.carbon):global(.spottable):focus {
  background-color: inherit;
  border-radius: inherit;
  color: #000;
}
:global(.spotlight-input-key) .checkbox:global(.carbon):global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .checkbox:global(.carbon):global(.spottable):focus .bg {
  background-image: none;
}
:global(.spotlight-input-key) .checkbox:global(.carbon):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.carbon):global(.spottable):focus .icon {
  border-color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.carbon):global(.spottable):active {
  background-color: inherit;
  border-radius: inherit;
  color: #000;
}
:global(.spotlight-input-touch) .checkbox:global(.carbon):global(.spottable):active .bg {
  background-image: none;
}
:global(.spotlight-input-touch) .checkbox:global(.carbon):global(.spottable):active .icon {
  border-color: inherit;
}
.checkbox:global(.carbon).selected .icon,
.checkbox:global(.carbon).indeterminate .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-key) .checkbox:global(.carbon).selected:global(.spottable):focus .icon,
:global(.spotlight-input-key) .checkbox:global(.carbon).indeterminate:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.carbon).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.carbon).indeterminate:global(.spottable):focus .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.carbon).selected:global(.spottable):active .icon,
:global(.spotlight-input-touch) .checkbox:global(.carbon).indeterminate:global(.spottable):active .icon {
  border-color: inherit;
  color: inherit;
}
.checkbox:global(.cobalt) {
  width: 1.875rem;
  height: 1.875rem;
  color: #fff;
}
.checkbox:global(.cobalt) .bg {
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background-color: var(--agate-accent-color, #8c81ff);
}
.checkbox:global(.cobalt) .icon {
  position: absolute;
  font-size: 2rem;
  color: transparent;
  margin: 0;
  line-height: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  border: inherit solid inherit;
}
:global(.spotlight-input-key) .checkbox:global(.cobalt):global(.spottable):focus,
:global(.spotlight-input-mouse) .checkbox:global(.cobalt):global(.spottable):focus {
  background-color: var(--agate-highlight-color, #fff);
  border-radius: inherit;
  color: #fff;
}
:global(.spotlight-input-key) .checkbox:global(.cobalt):global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .checkbox:global(.cobalt):global(.spottable):focus .bg {
  background-image: none;
}
:global(.spotlight-input-key) .checkbox:global(.cobalt):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.cobalt):global(.spottable):focus .icon {
  border-color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.cobalt):global(.spottable):active {
  background-color: var(--agate-highlight-color, #fff);
  border-radius: inherit;
  color: #fff;
}
:global(.spotlight-input-touch) .checkbox:global(.cobalt):global(.spottable):active .bg {
  background-image: none;
}
:global(.spotlight-input-touch) .checkbox:global(.cobalt):global(.spottable):active .icon {
  border-color: inherit;
}
.checkbox:global(.cobalt).selected .icon,
.checkbox:global(.cobalt).indeterminate .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-key) .checkbox:global(.cobalt).selected:global(.spottable):focus .icon,
:global(.spotlight-input-key) .checkbox:global(.cobalt).indeterminate:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.cobalt).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.cobalt).indeterminate:global(.spottable):focus .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.cobalt).selected:global(.spottable):active .icon,
:global(.spotlight-input-touch) .checkbox:global(.cobalt).indeterminate:global(.spottable):active .icon {
  border-color: inherit;
  color: inherit;
}
.checkbox:global(.cobalt):global(.night) {
  width: 1.875rem;
  height: 1.875rem;
  color: #fff;
}
.checkbox:global(.cobalt):global(.night) .bg {
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background-color: var(--agate-accent-color, #fc7982);
}
.checkbox:global(.cobalt):global(.night) .icon {
  position: absolute;
  font-size: 2rem;
  color: transparent;
  margin: 0;
  line-height: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  border: inherit solid inherit;
}
:global(.spotlight-input-key) .checkbox:global(.cobalt):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .checkbox:global(.cobalt):global(.night):global(.spottable):focus {
  background-color: var(--agate-highlight-color, #fff);
  border-radius: inherit;
  color: #fff;
}
:global(.spotlight-input-key) .checkbox:global(.cobalt):global(.night):global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .checkbox:global(.cobalt):global(.night):global(.spottable):focus .bg {
  background-image: none;
}
:global(.spotlight-input-key) .checkbox:global(.cobalt):global(.night):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.cobalt):global(.night):global(.spottable):focus .icon {
  border-color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.cobalt):global(.night):global(.spottable):active {
  background-color: var(--agate-highlight-color, #fff);
  border-radius: inherit;
  color: #fff;
}
:global(.spotlight-input-touch) .checkbox:global(.cobalt):global(.night):global(.spottable):active .bg {
  background-image: none;
}
:global(.spotlight-input-touch) .checkbox:global(.cobalt):global(.night):global(.spottable):active .icon {
  border-color: inherit;
}
.checkbox:global(.cobalt):global(.night).selected .icon,
.checkbox:global(.cobalt):global(.night).indeterminate .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-key) .checkbox:global(.cobalt):global(.night).selected:global(.spottable):focus .icon,
:global(.spotlight-input-key) .checkbox:global(.cobalt):global(.night).indeterminate:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.cobalt):global(.night).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.cobalt):global(.night).indeterminate:global(.spottable):focus .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.cobalt):global(.night).selected:global(.spottable):active .icon,
:global(.spotlight-input-touch) .checkbox:global(.cobalt):global(.night).indeterminate:global(.spottable):active .icon {
  border-color: inherit;
  color: inherit;
}
.checkbox:global(.copper) {
  width: 1.875rem;
  height: 1.875rem;
  color: #fff;
}
.checkbox:global(.copper) .bg {
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background-color: var(--agate-accent-color, #a47d66);
}
.checkbox:global(.copper) .icon {
  position: absolute;
  font-size: 2rem;
  color: transparent;
  margin: 0;
  line-height: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  border: inherit solid inherit;
}
:global(.spotlight-input-key) .checkbox:global(.copper):global(.spottable):focus,
:global(.spotlight-input-mouse) .checkbox:global(.copper):global(.spottable):focus {
  background-color: var(--agate-highlight-color, #fff);
  border-radius: inherit;
  color: #fff;
}
:global(.spotlight-input-key) .checkbox:global(.copper):global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .checkbox:global(.copper):global(.spottable):focus .bg {
  background-image: none;
}
:global(.spotlight-input-key) .checkbox:global(.copper):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.copper):global(.spottable):focus .icon {
  border-color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.copper):global(.spottable):active {
  background-color: var(--agate-highlight-color, #fff);
  border-radius: inherit;
  color: #fff;
}
:global(.spotlight-input-touch) .checkbox:global(.copper):global(.spottable):active .bg {
  background-image: none;
}
:global(.spotlight-input-touch) .checkbox:global(.copper):global(.spottable):active .icon {
  border-color: inherit;
}
.checkbox:global(.copper).selected .icon,
.checkbox:global(.copper).indeterminate .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-key) .checkbox:global(.copper).selected:global(.spottable):focus .icon,
:global(.spotlight-input-key) .checkbox:global(.copper).indeterminate:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.copper).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.copper).indeterminate:global(.spottable):focus .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.copper).selected:global(.spottable):active .icon,
:global(.spotlight-input-touch) .checkbox:global(.copper).indeterminate:global(.spottable):active .icon {
  border-color: inherit;
  color: inherit;
}
.checkbox:global(.copper):global(.night) {
  width: 1.875rem;
  height: 1.875rem;
  color: #fff;
}
.checkbox:global(.copper):global(.night) .bg {
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background-color: var(--agate-accent-color, #e0b094);
}
.checkbox:global(.copper):global(.night) .icon {
  position: absolute;
  font-size: 2rem;
  color: transparent;
  margin: 0;
  line-height: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  border: inherit solid inherit;
}
:global(.spotlight-input-key) .checkbox:global(.copper):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .checkbox:global(.copper):global(.night):global(.spottable):focus {
  background-color: var(--agate-highlight-color, #fff);
  border-radius: inherit;
  color: #fff;
}
:global(.spotlight-input-key) .checkbox:global(.copper):global(.night):global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .checkbox:global(.copper):global(.night):global(.spottable):focus .bg {
  background-image: none;
}
:global(.spotlight-input-key) .checkbox:global(.copper):global(.night):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.copper):global(.night):global(.spottable):focus .icon {
  border-color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.copper):global(.night):global(.spottable):active {
  background-color: var(--agate-highlight-color, #fff);
  border-radius: inherit;
  color: #fff;
}
:global(.spotlight-input-touch) .checkbox:global(.copper):global(.night):global(.spottable):active .bg {
  background-image: none;
}
:global(.spotlight-input-touch) .checkbox:global(.copper):global(.night):global(.spottable):active .icon {
  border-color: inherit;
}
.checkbox:global(.copper):global(.night).selected .icon,
.checkbox:global(.copper):global(.night).indeterminate .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-key) .checkbox:global(.copper):global(.night).selected:global(.spottable):focus .icon,
:global(.spotlight-input-key) .checkbox:global(.copper):global(.night).indeterminate:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.copper):global(.night).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.copper):global(.night).indeterminate:global(.spottable):focus .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.copper):global(.night).selected:global(.spottable):active .icon,
:global(.spotlight-input-touch) .checkbox:global(.copper):global(.night).indeterminate:global(.spottable):active .icon {
  border-color: inherit;
  color: inherit;
}
.checkbox:global(.electro) {
  width: 1.875rem;
  height: 1.875rem;
  color: #fff;
}
.checkbox:global(.electro) .bg {
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background-color: var(--agate-accent-color, #0359f0);
}
.checkbox:global(.electro) .icon {
  position: absolute;
  font-size: 2rem;
  color: transparent;
  margin: 0;
  line-height: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  border: inherit solid inherit;
}
:global(.spotlight-input-key) .checkbox:global(.electro):global(.spottable):focus,
:global(.spotlight-input-mouse) .checkbox:global(.electro):global(.spottable):focus {
  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);
  border-radius: inherit;
  color: #fff;
}
:global(.spotlight-input-key) .checkbox:global(.electro):global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .checkbox:global(.electro):global(.spottable):focus .bg {
  background-image: none;
}
:global(.spotlight-input-key) .checkbox:global(.electro):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.electro):global(.spottable):focus .icon {
  border-color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.electro):global(.spottable):active {
  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);
  border-radius: inherit;
  color: #fff;
}
:global(.spotlight-input-touch) .checkbox:global(.electro):global(.spottable):active .bg {
  background-image: none;
}
:global(.spotlight-input-touch) .checkbox:global(.electro):global(.spottable):active .icon {
  border-color: inherit;
}
.checkbox:global(.electro).selected .icon,
.checkbox:global(.electro).indeterminate .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-key) .checkbox:global(.electro).selected:global(.spottable):focus .icon,
:global(.spotlight-input-key) .checkbox:global(.electro).indeterminate:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.electro).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.electro).indeterminate:global(.spottable):focus .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.electro).selected:global(.spottable):active .icon,
:global(.spotlight-input-touch) .checkbox:global(.electro).indeterminate:global(.spottable):active .icon {
  border-color: inherit;
  color: inherit;
}
.checkbox:global(.gallium) {
  width: 1.875rem;
  height: 1.875rem;
  color: #ffffff;
}
.checkbox:global(.gallium) .bg {
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  width: inherit;
  height: inherit;
  border-radius: 0.25rem;
  background-color: var(--agate-accent-color, #8b7efe);
}
.checkbox:global(.gallium) .icon {
  position: absolute;
  font-size: 2rem;
  color: transparent;
  margin: 0;
  line-height: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  border: 0 solid inherit;
}
:global(.spotlight-input-key) .checkbox:global(.gallium):global(.spottable):focus,
:global(.spotlight-input-mouse) .checkbox:global(.gallium):global(.spottable):focus {
  background-color: var(--agate-accent-color, #8b7efe);
  border-radius: 0.25rem;
  color: #ffffff;
}
:global(.spotlight-input-key) .checkbox:global(.gallium):global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .checkbox:global(.gallium):global(.spottable):focus .bg {
  background-image: none;
}
:global(.spotlight-input-key) .checkbox:global(.gallium):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.gallium):global(.spottable):focus .icon {
  border-color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.gallium):global(.spottable):active {
  background-color: var(--agate-accent-color, #8b7efe);
  border-radius: 0.25rem;
  color: #ffffff;
}
:global(.spotlight-input-touch) .checkbox:global(.gallium):global(.spottable):active .bg {
  background-image: none;
}
:global(.spotlight-input-touch) .checkbox:global(.gallium):global(.spottable):active .icon {
  border-color: inherit;
}
.checkbox:global(.gallium).selected .icon,
.checkbox:global(.gallium).indeterminate .icon {
  border-color: inherit;
  color: #ffffff;
}
:global(.spotlight-input-key) .checkbox:global(.gallium).selected:global(.spottable):focus .icon,
:global(.spotlight-input-key) .checkbox:global(.gallium).indeterminate:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.gallium).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.gallium).indeterminate:global(.spottable):focus .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.gallium).selected:global(.spottable):active .icon,
:global(.spotlight-input-touch) .checkbox:global(.gallium).indeterminate:global(.spottable):active .icon {
  border-color: inherit;
  color: inherit;
}
.checkbox:global(.gallium):global(.night) {
  width: 1.875rem;
  height: 1.875rem;
  color: #ffffff;
}
.checkbox:global(.gallium):global(.night) .bg {
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  width: inherit;
  height: inherit;
  border-radius: 0.25rem;
  background-color: var(--agate-accent-color, #8b7efe);
}
.checkbox:global(.gallium):global(.night) .icon {
  position: absolute;
  font-size: 2rem;
  color: transparent;
  margin: 0;
  line-height: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  border: 0 solid inherit;
}
:global(.spotlight-input-key) .checkbox:global(.gallium):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .checkbox:global(.gallium):global(.night):global(.spottable):focus {
  background-color: var(--agate-accent-color, #8b7efe);
  border-radius: 0.25rem;
  color: #ffffff;
}
:global(.spotlight-input-key) .checkbox:global(.gallium):global(.night):global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .checkbox:global(.gallium):global(.night):global(.spottable):focus .bg {
  background-image: none;
}
:global(.spotlight-input-key) .checkbox:global(.gallium):global(.night):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.gallium):global(.night):global(.spottable):focus .icon {
  border-color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.gallium):global(.night):global(.spottable):active {
  background-color: var(--agate-accent-color, #8b7efe);
  border-radius: 0.25rem;
  color: #ffffff;
}
:global(.spotlight-input-touch) .checkbox:global(.gallium):global(.night):global(.spottable):active .bg {
  background-image: none;
}
:global(.spotlight-input-touch) .checkbox:global(.gallium):global(.night):global(.spottable):active .icon {
  border-color: inherit;
}
.checkbox:global(.gallium):global(.night).selected .icon,
.checkbox:global(.gallium):global(.night).indeterminate .icon {
  border-color: inherit;
  color: #ffffff;
}
:global(.spotlight-input-key) .checkbox:global(.gallium):global(.night).selected:global(.spottable):focus .icon,
:global(.spotlight-input-key) .checkbox:global(.gallium):global(.night).indeterminate:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.gallium):global(.night).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.gallium):global(.night).indeterminate:global(.spottable):focus .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.gallium):global(.night).selected:global(.spottable):active .icon,
:global(.spotlight-input-touch) .checkbox:global(.gallium):global(.night).indeterminate:global(.spottable):active .icon {
  border-color: inherit;
  color: inherit;
}
.checkbox:global(.silicon) {
  width: 1.25rem;
  height: 1.25rem;
  color: #000000;
}
.checkbox:global(.silicon) .bg {
  position: absolute;
  top: -0.625rem;
  right: -0.625rem;
  bottom: -0.625rem;
  left: -0.625rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: transparent;
}
.checkbox:global(.silicon) .icon {
  position: absolute;
  font-size: 2rem;
  color: transparent;
  margin: 0;
  line-height: 1rem;
  width: 1rem;
  height: 1rem;
  border: 0.125rem solid #000000;
}
:global(.spotlight-input-key) .checkbox:global(.silicon):global(.spottable):focus,
:global(.spotlight-input-mouse) .checkbox:global(.silicon):global(.spottable):focus {
  background-color: transparent;
  border-radius: 50%;
  color: #000000;
}
:global(.spotlight-input-key) .checkbox:global(.silicon):global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .checkbox:global(.silicon):global(.spottable):focus .bg {
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
}
:global(.spotlight-input-key) .checkbox:global(.silicon):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.silicon):global(.spottable):focus .icon {
  border-color: #ffffff;
}
:global(.spotlight-input-touch) .checkbox:global(.silicon):global(.spottable):active {
  background-color: transparent;
  border-radius: 50%;
  color: #000000;
}
:global(.spotlight-input-touch) .checkbox:global(.silicon):global(.spottable):active .bg {
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
}
:global(.spotlight-input-touch) .checkbox:global(.silicon):global(.spottable):active .icon {
  border-color: #ffffff;
}
.checkbox:global(.silicon).selected .icon,
.checkbox:global(.silicon).indeterminate .icon {
  border-color: #000000;
  color: #000000;
}
:global(.spotlight-input-key) .checkbox:global(.silicon).selected:global(.spottable):focus .icon,
:global(.spotlight-input-key) .checkbox:global(.silicon).indeterminate:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.silicon).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.silicon).indeterminate:global(.spottable):focus .icon {
  border-color: #ffffff;
  color: #ffffff;
}
:global(.spotlight-input-touch) .checkbox:global(.silicon).selected:global(.spottable):active .icon,
:global(.spotlight-input-touch) .checkbox:global(.silicon).indeterminate:global(.spottable):active .icon {
  border-color: #ffffff;
  color: #ffffff;
}
.checkbox:global(.silicon):global(.night) {
  width: 1.25rem;
  height: 1.25rem;
  color: #ffffff;
}
.checkbox:global(.silicon):global(.night) .bg {
  position: absolute;
  top: -0.625rem;
  right: -0.625rem;
  bottom: -0.625rem;
  left: -0.625rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: transparent;
}
.checkbox:global(.silicon):global(.night) .icon {
  position: absolute;
  font-size: 2rem;
  color: transparent;
  margin: 0;
  line-height: 1rem;
  width: 1rem;
  height: 1rem;
  border: 0.125rem solid #ffffff;
}
:global(.spotlight-input-key) .checkbox:global(.silicon):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .checkbox:global(.silicon):global(.night):global(.spottable):focus {
  background-color: transparent;
  border-radius: 50%;
  color: #ffffff;
}
:global(.spotlight-input-key) .checkbox:global(.silicon):global(.night):global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .checkbox:global(.silicon):global(.night):global(.spottable):focus .bg {
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
}
:global(.spotlight-input-key) .checkbox:global(.silicon):global(.night):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.silicon):global(.night):global(.spottable):focus .icon {
  border-color: #ffffff;
}
:global(.spotlight-input-touch) .checkbox:global(.silicon):global(.night):global(.spottable):active {
  background-color: transparent;
  border-radius: 50%;
  color: #ffffff;
}
:global(.spotlight-input-touch) .checkbox:global(.silicon):global(.night):global(.spottable):active .bg {
  background-image: linear-gradient(to right, #9e00d8, #f1304f);
}
:global(.spotlight-input-touch) .checkbox:global(.silicon):global(.night):global(.spottable):active .icon {
  border-color: #ffffff;
}
.checkbox:global(.silicon):global(.night).selected .icon,
.checkbox:global(.silicon):global(.night).indeterminate .icon {
  border-color: #ffffff;
  color: #ffffff;
}
:global(.spotlight-input-key) .checkbox:global(.silicon):global(.night).selected:global(.spottable):focus .icon,
:global(.spotlight-input-key) .checkbox:global(.silicon):global(.night).indeterminate:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.silicon):global(.night).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.silicon):global(.night).indeterminate:global(.spottable):focus .icon {
  border-color: #ffffff;
  color: #ffffff;
}
:global(.spotlight-input-touch) .checkbox:global(.silicon):global(.night).selected:global(.spottable):active .icon,
:global(.spotlight-input-touch) .checkbox:global(.silicon):global(.night).indeterminate:global(.spottable):active .icon {
  border-color: #ffffff;
  color: #ffffff;
}
.checkbox:global(.titanium) {
  width: 1.875rem;
  height: 1.875rem;
  color: #fff;
}
.checkbox:global(.titanium) .bg {
  position: absolute;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background-color: var(--agate-accent-color, rgba(0, 0, 0, 0.1));
}
.checkbox:global(.titanium) .icon {
  position: absolute;
  font-size: 2rem;
  color: transparent;
  margin: 0;
  line-height: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  border: inherit solid inherit;
}
:global(.spotlight-input-key) .checkbox:global(.titanium):global(.spottable):focus,
:global(.spotlight-input-mouse) .checkbox:global(.titanium):global(.spottable):focus {
  background-color: var(--agate-highlight-color, #2a48ca);
  border-radius: inherit;
  color: #fff;
}
:global(.spotlight-input-key) .checkbox:global(.titanium):global(.spottable):focus .bg,
:global(.spotlight-input-mouse) .checkbox:global(.titanium):global(.spottable):focus .bg {
  background-image: none;
}
:global(.spotlight-input-key) .checkbox:global(.titanium):global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.titanium):global(.spottable):focus .icon {
  border-color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.titanium):global(.spottable):active {
  background-color: var(--agate-highlight-color, #2a48ca);
  border-radius: inherit;
  color: #fff;
}
:global(.spotlight-input-touch) .checkbox:global(.titanium):global(.spottable):active .bg {
  background-image: none;
}
:global(.spotlight-input-touch) .checkbox:global(.titanium):global(.spottable):active .icon {
  border-color: inherit;
}
.checkbox:global(.titanium).selected .icon,
.checkbox:global(.titanium).indeterminate .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-key) .checkbox:global(.titanium).selected:global(.spottable):focus .icon,
:global(.spotlight-input-key) .checkbox:global(.titanium).indeterminate:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.titanium).selected:global(.spottable):focus .icon,
:global(.spotlight-input-mouse) .checkbox:global(.titanium).indeterminate:global(.spottable):focus .icon {
  border-color: inherit;
  color: inherit;
}
:global(.spotlight-input-touch) .checkbox:global(.titanium).selected:global(.spottable):active .icon,
:global(.spotlight-input-touch) .checkbox:global(.titanium).indeterminate:global(.spottable):active .icon {
  border-color: inherit;
  color: inherit;
}
