.thumbnailItem {
  align-items: center;
}
.thumbnailItem .thumbnail {
  box-sizing: border-box;
  vertical-align: middle;
}
.thumbnailItem .content {
  overflow: hidden;
}
.thumbnailItem .slotBefore {
  display: flex;
}
.thumbnailItem:global(.carbon) {
  line-height: inherit;
  height: 5rem;
}
:global(.spotlight-input-key) .thumbnailItem:global(.carbon):global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.carbon):global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.carbon):global(.spottable):active {
  border-color: transparent;
}
:global(.spotlight-input-key) .thumbnailItem:global(.carbon).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.carbon).selected:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.carbon).selected:global(.spottable):active {
  border-color: transparent;
}
.thumbnailItem:global(.carbon) .thumbnail {
  height: 2.5rem;
  width: 2.5rem;
}
.thumbnailItem:global(.carbon).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.carbon).item .slotBefore {
  margin-inline-end: 1rem;
}
.thumbnailItem:global(.carbon).item .label {
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.carbon) .content {
  font-size: inherit;
}
.thumbnailItem:global(.cobalt) {
  line-height: inherit;
  height: 5rem;
}
:global(.spotlight-input-key) .thumbnailItem:global(.cobalt):global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.cobalt):global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.cobalt):global(.spottable):active {
  border-color: transparent;
}
:global(.spotlight-input-key) .thumbnailItem:global(.cobalt).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.cobalt).selected:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.cobalt).selected:global(.spottable):active {
  border-color: transparent;
}
.thumbnailItem:global(.cobalt) .thumbnail {
  height: 2.5rem;
  width: 2.5rem;
}
.thumbnailItem:global(.cobalt).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.cobalt).item .slotBefore {
  margin-inline-end: 1rem;
}
.thumbnailItem:global(.cobalt).item .label {
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.cobalt) .content {
  font-size: inherit;
}
.thumbnailItem:global(.cobalt):global(.night) {
  line-height: inherit;
  height: 5rem;
}
:global(.spotlight-input-key) .thumbnailItem:global(.cobalt):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.cobalt):global(.night):global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.cobalt):global(.night):global(.spottable):active {
  border-color: transparent;
}
:global(.spotlight-input-key) .thumbnailItem:global(.cobalt):global(.night).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.cobalt):global(.night).selected:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.cobalt):global(.night).selected:global(.spottable):active {
  border-color: transparent;
}
.thumbnailItem:global(.cobalt):global(.night) .thumbnail {
  height: 2.5rem;
  width: 2.5rem;
}
.thumbnailItem:global(.cobalt):global(.night).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.cobalt):global(.night).item .slotBefore {
  margin-inline-end: 1rem;
}
.thumbnailItem:global(.cobalt):global(.night).item .label {
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.cobalt):global(.night) .content {
  font-size: inherit;
}
.thumbnailItem:global(.copper) {
  line-height: inherit;
  height: 5rem;
}
:global(.spotlight-input-key) .thumbnailItem:global(.copper):global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.copper):global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.copper):global(.spottable):active {
  border-color: transparent;
}
:global(.spotlight-input-key) .thumbnailItem:global(.copper).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.copper).selected:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.copper).selected:global(.spottable):active {
  border-color: transparent;
}
.thumbnailItem:global(.copper) .thumbnail {
  height: 2.5rem;
  width: 2.5rem;
}
.thumbnailItem:global(.copper).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.copper).item .slotBefore {
  margin-inline-end: 1rem;
}
.thumbnailItem:global(.copper).item .label {
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.copper) .content {
  font-size: inherit;
}
.thumbnailItem:global(.copper):global(.night) {
  line-height: inherit;
  height: 5rem;
}
:global(.spotlight-input-key) .thumbnailItem:global(.copper):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.copper):global(.night):global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.copper):global(.night):global(.spottable):active {
  border-color: transparent;
}
:global(.spotlight-input-key) .thumbnailItem:global(.copper):global(.night).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.copper):global(.night).selected:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.copper):global(.night).selected:global(.spottable):active {
  border-color: transparent;
}
.thumbnailItem:global(.copper):global(.night) .thumbnail {
  height: 2.5rem;
  width: 2.5rem;
}
.thumbnailItem:global(.copper):global(.night).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.copper):global(.night).item .slotBefore {
  margin-inline-end: 1rem;
}
.thumbnailItem:global(.copper):global(.night).item .label {
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.copper):global(.night) .content {
  font-size: inherit;
}
.thumbnailItem:global(.electro) {
  line-height: inherit;
  height: 5rem;
}
:global(.spotlight-input-key) .thumbnailItem:global(.electro):global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.electro):global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.electro):global(.spottable):active {
  border-color: transparent;
}
:global(.spotlight-input-key) .thumbnailItem:global(.electro).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.electro).selected:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.electro).selected:global(.spottable):active {
  border-color: transparent;
}
.thumbnailItem:global(.electro) .thumbnail {
  height: 2.5rem;
  width: 2.5rem;
}
.thumbnailItem:global(.electro).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.electro).item .slotBefore {
  margin-inline-end: 1rem;
}
.thumbnailItem:global(.electro).item .label {
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.electro) .content {
  font-size: inherit;
}
.thumbnailItem:global(.gallium) {
  line-height: 1.625rem;
  height: 5rem;
}
:global(.spotlight-input-key) .thumbnailItem:global(.gallium):global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.gallium):global(.spottable):focus {
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .thumbnailItem:global(.gallium):global(.spottable):active {
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-key) .thumbnailItem:global(.gallium).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.gallium).selected:global(.spottable):focus {
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .thumbnailItem:global(.gallium).selected:global(.spottable):active {
  border-color: var(--agate-accent-color, #8b7efe);
}
.thumbnailItem:global(.gallium) .thumbnail {
  height: 2.5rem;
  width: 2.5rem;
}
.thumbnailItem:global(.gallium).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.gallium).item .slotBefore {
  margin-inline-end: 1rem;
}
.thumbnailItem:global(.gallium).item .label {
  font-size: 1rem;
  color: inherit;
}
.thumbnailItem:global(.gallium) .content {
  font-size: 1.125rem;
}
.thumbnailItem:global(.gallium):global(.night) {
  line-height: 1.625rem;
  height: 5rem;
}
:global(.spotlight-input-key) .thumbnailItem:global(.gallium):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.gallium):global(.night):global(.spottable):focus {
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .thumbnailItem:global(.gallium):global(.night):global(.spottable):active {
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-key) .thumbnailItem:global(.gallium):global(.night).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.gallium):global(.night).selected:global(.spottable):focus {
  border-color: var(--agate-accent-color, #8b7efe);
}
:global(.spotlight-input-touch) .thumbnailItem:global(.gallium):global(.night).selected:global(.spottable):active {
  border-color: var(--agate-accent-color, #8b7efe);
}
.thumbnailItem:global(.gallium):global(.night) .thumbnail {
  height: 2.5rem;
  width: 2.5rem;
}
.thumbnailItem:global(.gallium):global(.night).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.gallium):global(.night).item .slotBefore {
  margin-inline-end: 1rem;
}
.thumbnailItem:global(.gallium):global(.night).item .label {
  font-size: 1rem;
  color: inherit;
}
.thumbnailItem:global(.gallium):global(.night) .content {
  font-size: 1.125rem;
}
.thumbnailItem:global(.silicon) {
  line-height: 1.625rem;
  height: 4.125rem;
}
:global(.spotlight-input-key) .thumbnailItem:global(.silicon):global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.silicon):global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.silicon):global(.spottable):active {
  border-color: transparent;
}
:global(.spotlight-input-key) .thumbnailItem:global(.silicon).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.silicon).selected:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.silicon).selected:global(.spottable):active {
  border-color: transparent;
}
.thumbnailItem:global(.silicon) .thumbnail {
  height: 2.5rem;
  width: 2.5rem;
}
.thumbnailItem:global(.silicon).styled .thumbnail {
  border-radius: 50%;
  border: 0.125rem solid #000000;
}
.thumbnailItem:global(.silicon).item .slotBefore {
  margin-inline-end: 0.875rem;
}
.thumbnailItem:global(.silicon).item .label {
  font-size: 0.875rem;
  color: #b3b3b3;
}
.thumbnailItem:global(.silicon) .content {
  font-size: inherit;
}
.thumbnailItem:global(.silicon):global(.night) {
  line-height: 1.625rem;
  height: 4.125rem;
}
:global(.spotlight-input-key) .thumbnailItem:global(.silicon):global(.night):global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.silicon):global(.night):global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.silicon):global(.night):global(.spottable):active {
  border-color: transparent;
}
:global(.spotlight-input-key) .thumbnailItem:global(.silicon):global(.night).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.silicon):global(.night).selected:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.silicon):global(.night).selected:global(.spottable):active {
  border-color: transparent;
}
.thumbnailItem:global(.silicon):global(.night) .thumbnail {
  height: 2.5rem;
  width: 2.5rem;
}
.thumbnailItem:global(.silicon):global(.night).styled .thumbnail {
  border-radius: 50%;
  border: 0.125rem solid #ffffff;
}
.thumbnailItem:global(.silicon):global(.night).item .slotBefore {
  margin-inline-end: 0.875rem;
}
.thumbnailItem:global(.silicon):global(.night).item .label {
  font-size: 0.875rem;
  color: #b3b3b3;
}
.thumbnailItem:global(.silicon):global(.night) .content {
  font-size: inherit;
}
.thumbnailItem:global(.titanium) {
  line-height: inherit;
  height: 5rem;
}
:global(.spotlight-input-key) .thumbnailItem:global(.titanium):global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.titanium):global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.titanium):global(.spottable):active {
  border-color: transparent;
}
:global(.spotlight-input-key) .thumbnailItem:global(.titanium).selected:global(.spottable):focus,
:global(.spotlight-input-mouse) .thumbnailItem:global(.titanium).selected:global(.spottable):focus {
  border-color: transparent;
}
:global(.spotlight-input-touch) .thumbnailItem:global(.titanium).selected:global(.spottable):active {
  border-color: transparent;
}
.thumbnailItem:global(.titanium) .thumbnail {
  height: 2.5rem;
  width: 2.5rem;
}
.thumbnailItem:global(.titanium).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.titanium).item .slotBefore {
  margin-inline-end: 1rem;
}
.thumbnailItem:global(.titanium).item .label {
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.titanium) .content {
  font-size: inherit;
}
