.solvida-icon {
  --solvida-icon-source: none;
  display: inline-block;
  width: 1em;
  height: 1em;
  background: currentColor;
  -webkit-mask: var(--solvida-icon-source) center / contain no-repeat;
  mask: var(--solvida-icon-source) center / contain no-repeat;
}

.solvida-icon-chat {
  --solvida-icon-source: url("svg/chat.svg");
}

.solvida-icon-book {
  --solvida-icon-source: url("svg/book.svg");
}

.solvida-icon-ai-spark {
  --solvida-icon-source: url("svg/ai-spark.svg");
}

.solvida-icon-sun {
  --solvida-icon-source: url("svg/sun.svg");
}

.solvida-icon-moon {
  --solvida-icon-source: url("svg/moon.svg");
}

.solvida-conversation-icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}

.solvida-conversation-icon .solvida-icon {
  position: absolute;
  width: 15px;
  height: 15px;
}

.solvida-conversation-icon .solvida-icon:first-child {
  top: 0;
  left: 0;
}

.solvida-conversation-icon .solvida-icon:last-child {
  right: 0;
  bottom: 0;
  transform: scaleX(-1);
}