.thumbnailItem {
  align-items: center;
}
.thumbnailItem .thumbnail {
  vertical-align: middle;
}
.thumbnailItem .content {
  overflow: hidden;
}
.thumbnailItem .slotBefore {
  display: flex;
}
.thumbnailItem:global(.carbon) {
  line-height: inherit;
  height: inherit;
}
.thumbnailItem:global(.carbon) .thumbnail {
  height: inherit;
  width: inherit;
}
.thumbnailItem:global(.carbon).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.carbon).item .label {
  padding: 0 0.5rem;
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.carbon) .content {
  padding: 0 0.5rem;
  font-size: inherit;
}
.thumbnailItem:global(.carbon):global(.spottable):focus.item .label {
  color: inherit;
}
.thumbnailItem:global(.carbon).selected.item .label {
  color: inherit;
}
.thumbnailItem:global(.cobalt) {
  line-height: inherit;
  height: inherit;
}
.thumbnailItem:global(.cobalt) .thumbnail {
  height: inherit;
  width: inherit;
}
.thumbnailItem:global(.cobalt).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.cobalt).item .label {
  padding: 0 0.5rem;
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.cobalt) .content {
  padding: 0 0.5rem;
  font-size: inherit;
}
.thumbnailItem:global(.cobalt):global(.spottable):focus.item .label {
  color: inherit;
}
.thumbnailItem:global(.cobalt).selected.item .label {
  color: inherit;
}
.thumbnailItem:global(.cobalt):global(.night) {
  line-height: inherit;
  height: inherit;
}
.thumbnailItem:global(.cobalt):global(.night) .thumbnail {
  height: inherit;
  width: inherit;
}
.thumbnailItem:global(.cobalt):global(.night).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.cobalt):global(.night).item .label {
  padding: 0 0.5rem;
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.cobalt):global(.night) .content {
  padding: 0 0.5rem;
  font-size: inherit;
}
.thumbnailItem:global(.cobalt):global(.night):global(.spottable):focus.item .label {
  color: inherit;
}
.thumbnailItem:global(.cobalt):global(.night).selected.item .label {
  color: inherit;
}
.thumbnailItem:global(.copper) {
  line-height: inherit;
  height: inherit;
}
.thumbnailItem:global(.copper) .thumbnail {
  height: inherit;
  width: inherit;
}
.thumbnailItem:global(.copper).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.copper).item .label {
  padding: 0 0.5rem;
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.copper) .content {
  padding: 0 0.5rem;
  font-size: inherit;
}
.thumbnailItem:global(.copper):global(.spottable):focus.item .label {
  color: inherit;
}
.thumbnailItem:global(.copper).selected.item .label {
  color: inherit;
}
.thumbnailItem:global(.copper):global(.night) {
  line-height: inherit;
  height: inherit;
}
.thumbnailItem:global(.copper):global(.night) .thumbnail {
  height: inherit;
  width: inherit;
}
.thumbnailItem:global(.copper):global(.night).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.copper):global(.night).item .label {
  padding: 0 0.5rem;
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.copper):global(.night) .content {
  padding: 0 0.5rem;
  font-size: inherit;
}
.thumbnailItem:global(.copper):global(.night):global(.spottable):focus.item .label {
  color: inherit;
}
.thumbnailItem:global(.copper):global(.night).selected.item .label {
  color: inherit;
}
.thumbnailItem:global(.electro) {
  line-height: inherit;
  height: inherit;
}
.thumbnailItem:global(.electro) .thumbnail {
  height: inherit;
  width: inherit;
}
.thumbnailItem:global(.electro).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.electro).item .label {
  padding: 0 0.5rem;
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.electro) .content {
  padding: 0 0.5rem;
  font-size: inherit;
}
.thumbnailItem:global(.electro):global(.spottable):focus.item .label {
  color: inherit;
}
.thumbnailItem:global(.electro).selected.item .label {
  color: inherit;
}
.thumbnailItem:global(.gallium) {
  line-height: 1.625rem;
  height: 5rem;
}
.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 .label {
  padding: 0 0.5rem;
  font-size: 1rem;
  color: inherit;
}
.thumbnailItem:global(.gallium) .content {
  padding: 0 0.5rem;
  font-size: 1.125rem;
}
.thumbnailItem:global(.gallium):global(.spottable):focus.item .label {
  color: inherit;
}
.thumbnailItem:global(.gallium).selected.item .label {
  color: inherit;
}
.thumbnailItem:global(.gallium):global(.night) {
  line-height: 1.625rem;
  height: 5rem;
}
.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 .label {
  padding: 0 0.5rem;
  font-size: 1rem;
  color: inherit;
}
.thumbnailItem:global(.gallium):global(.night) .content {
  padding: 0 0.5rem;
  font-size: 1.125rem;
}
.thumbnailItem:global(.gallium):global(.night):global(.spottable):focus.item .label {
  color: inherit;
}
.thumbnailItem:global(.gallium):global(.night).selected.item .label {
  color: inherit;
}
.thumbnailItem:global(.silicon) {
  line-height: 1.625rem;
  height: 5rem;
}
.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 .label {
  padding: 0 0.5rem;
  font-size: 1rem;
  color: #999999;
}
.thumbnailItem:global(.silicon) .content {
  padding: 0 0.5rem;
  font-size: 1.125rem;
}
.thumbnailItem:global(.silicon):global(.spottable):focus.item .label {
  color: #999999;
}
.thumbnailItem:global(.silicon).selected.item .label {
  color: #000000;
}
.thumbnailItem:global(.silicon):global(.night) {
  line-height: 1.625rem;
  height: 5rem;
}
.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 .label {
  padding: 0 0.5rem;
  font-size: 1rem;
  color: #999999;
}
.thumbnailItem:global(.silicon):global(.night) .content {
  padding: 0 0.5rem;
  font-size: 1.125rem;
}
.thumbnailItem:global(.silicon):global(.night):global(.spottable):focus.item .label {
  color: #999999;
}
.thumbnailItem:global(.silicon):global(.night).selected.item .label {
  color: #ffffff;
}
.thumbnailItem:global(.titanium) {
  line-height: inherit;
  height: inherit;
}
.thumbnailItem:global(.titanium) .thumbnail {
  height: inherit;
  width: inherit;
}
.thumbnailItem:global(.titanium).styled .thumbnail {
  border-radius: inherit;
  border: inherit solid inherit;
}
.thumbnailItem:global(.titanium).item .label {
  padding: 0 0.5rem;
  font-size: inherit;
  color: inherit;
}
.thumbnailItem:global(.titanium) .content {
  padding: 0 0.5rem;
  font-size: inherit;
}
.thumbnailItem:global(.titanium):global(.spottable):focus.item .label {
  color: inherit;
}
.thumbnailItem:global(.titanium).selected.item .label {
  color: inherit;
}
