@use '../../variables' as *;

.icon {
  // font-size: 1.14285714286em;
  // font-size: 1.14em;
  will-change: transform;
  svg {
    vertical-align: sub;
    height: 1.125em;
    width: 1.125em;
  }
}

img.icon {
  height: 1.125em;
  object-fit: contain;
  width: 1.125em;
}

.emoji {
  // this fontsize works for emojis for a magical reason
  font-size: 1.14285714286em;
}

// Custom style for AI because it's AI
.aiSparkle {
  background: linear-gradient(207deg, #a073ff 30%, #01dccd 103%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}