/* Sintropia's own vector vocabulary. The surrounding action owns its color. */
.sintropia-icon {
  --sintropia-icon-size: 24px;
  display: inline-block;
  flex: 0 0 var(--sintropia-icon-size);
  width: var(--sintropia-icon-size);
  height: var(--sintropia-icon-size);
  background: currentColor;
  -webkit-mask: var(--sintropia-icon-asset) center / contain no-repeat;
  mask: var(--sintropia-icon-asset) center / contain no-repeat;
  vertical-align: middle;
  pointer-events: none;
}

.sintropia-icon--conversa {
  --sintropia-icon-size: 28px;
  --sintropia-icon-asset: url("../icons/sintropia/conversa.svg");
}

.sintropia-icon--seguir {
  --sintropia-icon-size: 20px;
  --sintropia-icon-asset: url("../icons/sintropia/seguir.svg");
}

.sintropia-icon--presente {
  --sintropia-icon-size: 28px;
  --sintropia-icon-asset: url("../icons/sintropia/presente.svg");
}

.sintropia-icon--cuidado {
  --sintropia-icon-size: 28px;
  --sintropia-icon-asset: url("../icons/sintropia/cuidado.svg");
}

.home-official .story-voices__quote-mark .sintropia-icon {
  --sintropia-icon-size: 48px;
}

.anniversary-ribbon__link .sintropia-icon {
  --sintropia-icon-size: 24px;
}

.home-official .faq-support-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}