.checkboxItem {
  align-items: center;
}
.checkboxItem:global(.carbon) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-color: transparent;
  font-size: inherit;
}
.checkboxItem:global(.carbon).selected {
  border-color: inherit;
}
.checkboxItem:global(.carbon).selected::before {
  content: none;
}
.checkboxItem:global(.carbon) .slotAfter {
  -webkit-margin-start: 0.5rem;
  -webkit-margin-end: 0;
}
.checkboxItem:global(.carbon) .slotBefore {
  display: flex;
  align-items: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0.5rem;
}
.checkboxItem:global(.carbon):global(.spottable):focus {
  color: black;
  background-color: var(--agate-highlight-color, #6abe0b);
  border-color: transparent;
}
.checkboxItem:global(.cobalt) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-color: transparent;
  font-size: inherit;
}
.checkboxItem:global(.cobalt).selected {
  border-color: inherit;
}
.checkboxItem:global(.cobalt).selected::before {
  content: none;
}
.checkboxItem:global(.cobalt) .slotAfter {
  -webkit-margin-start: 0.5rem;
  -webkit-margin-end: 0;
}
.checkboxItem:global(.cobalt) .slotBefore {
  display: flex;
  align-items: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0.5rem;
}
.checkboxItem:global(.cobalt):global(.spottable):focus {
  color: var(--agate-accent-color, #8c81ff);
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.5);
  border-color: transparent;
}
.checkboxItem:global(.cobalt):global(.night) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-color: transparent;
  font-size: inherit;
}
.checkboxItem:global(.cobalt):global(.night).selected {
  border-color: inherit;
}
.checkboxItem:global(.cobalt):global(.night).selected::before {
  content: none;
}
.checkboxItem:global(.cobalt):global(.night) .slotAfter {
  -webkit-margin-start: 0.5rem;
  -webkit-margin-end: 0;
}
.checkboxItem:global(.cobalt):global(.night) .slotBefore {
  display: flex;
  align-items: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0.5rem;
}
.checkboxItem:global(.cobalt):global(.night):global(.spottable):focus {
  color: var(--agate-accent-color, #fc7982);
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.1);
  border-color: transparent;
}
.checkboxItem:global(.copper) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-color: transparent;
  font-size: inherit;
}
.checkboxItem:global(.copper).selected {
  border-color: inherit;
}
.checkboxItem:global(.copper).selected::before {
  content: none;
}
.checkboxItem:global(.copper) .slotAfter {
  -webkit-margin-start: 0.5rem;
  -webkit-margin-end: 0;
}
.checkboxItem:global(.copper) .slotBefore {
  display: flex;
  align-items: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0.5rem;
}
.checkboxItem:global(.copper):global(.spottable):focus {
  color: var(--agate-accent-color, #a47d66);
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.5);
  border-color: transparent;
}
.checkboxItem:global(.copper):global(.night) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-color: transparent;
  font-size: inherit;
}
.checkboxItem:global(.copper):global(.night).selected {
  border-color: inherit;
}
.checkboxItem:global(.copper):global(.night).selected::before {
  content: none;
}
.checkboxItem:global(.copper):global(.night) .slotAfter {
  -webkit-margin-start: 0.5rem;
  -webkit-margin-end: 0;
}
.checkboxItem:global(.copper):global(.night) .slotBefore {
  display: flex;
  align-items: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0.5rem;
}
.checkboxItem:global(.copper):global(.night):global(.spottable):focus {
  color: var(--agate-accent-color, #e0b094);
  background-color: hsla(var(--agate-highlight-h, 0), var(--agate-highlight-s, 0%), var(--agate-highlight-l, 0%), 0.1);
  border-color: transparent;
}
.checkboxItem:global(.electro) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-color: transparent;
  font-size: inherit;
}
.checkboxItem:global(.electro).selected {
  border-color: inherit;
}
.checkboxItem:global(.electro).selected::before {
  content: none;
}
.checkboxItem:global(.electro) .slotAfter {
  -webkit-margin-start: 0.5rem;
  -webkit-margin-end: 0;
}
.checkboxItem:global(.electro) .slotBefore {
  display: flex;
  align-items: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0.5rem;
}
.checkboxItem:global(.electro):global(.spottable):focus {
  color: white;
  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-color: transparent;
}
.checkboxItem:global(.gallium) {
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  border-color: transparent;
  font-size: 1.25rem;
}
.checkboxItem:global(.gallium).selected {
  border-color: transparent;
}
.checkboxItem:global(.gallium).selected::before {
  content: none;
}
.checkboxItem:global(.gallium) .slotAfter {
  -webkit-margin-start: 0.375rem;
  -webkit-margin-end: 0;
}
.checkboxItem:global(.gallium) .slotBefore {
  display: flex;
  align-items: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0.375rem;
}
.checkboxItem:global(.gallium):global(.spottable):focus {
  color: #000000;
  background-color: transparent;
  border-color: var(--agate-accent-color, #8b7efe);
}
.checkboxItem:global(.gallium):global(.night) {
  padding-left: 1.33333rem;
  padding-right: 1.33333rem;
  border-color: transparent;
  font-size: 1.25rem;
}
.checkboxItem:global(.gallium):global(.night).selected {
  border-color: transparent;
}
.checkboxItem:global(.gallium):global(.night).selected::before {
  content: none;
}
.checkboxItem:global(.gallium):global(.night) .slotAfter {
  -webkit-margin-start: 0.375rem;
  -webkit-margin-end: 0;
}
.checkboxItem:global(.gallium):global(.night) .slotBefore {
  display: flex;
  align-items: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0.375rem;
}
.checkboxItem:global(.gallium):global(.night):global(.spottable):focus {
  color: #ffffff;
  background-color: transparent;
  border-color: var(--agate-accent-color, #8b7efe);
}
.checkboxItem:global(.silicon) {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-color: rgba(0, 0, 0, 0.4);
  font-size: 1.375rem;
}
.checkboxItem:global(.silicon).selected {
  border-color: var(--agate-accent-color, #ff2d55);
}
.checkboxItem:global(.silicon).selected::before {
  content: none;
}
.checkboxItem:global(.silicon) .slotAfter {
  -webkit-margin-start: 0.375rem;
  -webkit-margin-end: 0;
}
.checkboxItem:global(.silicon) .slotBefore {
  display: flex;
  align-items: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0.375rem;
}
.checkboxItem:global(.silicon):global(.spottable):focus {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(0, 0, 0, 0.4);
}
.checkboxItem:global(.silicon):global(.night) {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-color: rgba(255, 255, 255, 0.4);
  font-size: 1.375rem;
}
.checkboxItem:global(.silicon):global(.night).selected {
  border-color: var(--agate-accent-color, #ff2d55);
}
.checkboxItem:global(.silicon):global(.night).selected::before {
  content: none;
}
.checkboxItem:global(.silicon):global(.night) .slotAfter {
  -webkit-margin-start: 0.375rem;
  -webkit-margin-end: 0;
}
.checkboxItem:global(.silicon):global(.night) .slotBefore {
  display: flex;
  align-items: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0.375rem;
}
.checkboxItem:global(.silicon):global(.night):global(.spottable):focus {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.4);
}
.checkboxItem:global(.titanium) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-color: transparent;
  font-size: inherit;
}
.checkboxItem:global(.titanium).selected {
  border-color: inherit;
}
.checkboxItem:global(.titanium).selected::before {
  content: none;
}
.checkboxItem:global(.titanium) .slotAfter {
  -webkit-margin-start: 0.5rem;
  -webkit-margin-end: 0;
}
.checkboxItem:global(.titanium) .slotBefore {
  display: flex;
  align-items: center;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0.5rem;
}
.checkboxItem:global(.titanium):global(.spottable):focus {
  color: white;
  background-color: var(--agate-highlight-color, #2a48ca);
  border-color: transparent;
}
