.toggle__container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: 40px;
  background-color: #232323;
}

.toggle__container.color {
  padding-top: 0.5rem;
}

.toggle__container div {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  pointer-events: all;
}

.toggle__container.color svg {
  width: 30px;
  height: 30px;
}

.toggle__container.rarity svg {
  width: 26px;
  height: 26px;
}

.toggle__container.spells div {
  width: auto;
  line-height: 40px;
}

.toggle__container .off {
  opacity: 0.1;
}

.toggle__container.spells .off {
  opacity: 0.2;
}