.ti {
  font-style: normal; position: relative;
  display: inline-block; width: 1em; height: 1em;
  vertical-align: -0.125em; line-height: 1;
}
.ti::before {
  content: ""; display: block; width: 100%; height: 100%;
  background-color: currentColor;
  -webkit-mask: var(--i) center / contain no-repeat;
  mask: var(--i) center / contain no-repeat;
}
.ti-chevron-down { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>"); }
.ti-hammer { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M11 17l-4 4M14.5 4.5l5 5M9 8l-5.5 5.5a2 2 0 0 0 0 2.8l3.2 3.2a2 2 0 0 0 2.8 0L15 14'/><path d='M16 3l5 5-3 1-4 4-3-3 4-4z'/></svg>"); }
.ti-sparkles { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l1.6 4.8L18 9.4l-4.4 1.6L12 16l-1.6-4.99L6 9.4l4.4-1.6z'/><path d='M19 14l.7 2 2 .7-2 .7-.7 2-.7-2-2-.7 2-.7z'/></svg>"); }
.ti-window { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='4' width='16' height='16' rx='1'/><path d='M4 9h16M12 9v11'/></svg>"); }
.ti-building { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='3' width='16' height='18' rx='1'/><path d='M8 7h.01M12 7h.01M16 7h.01M8 11h.01M12 11h.01M16 11h.01M8 15h.01M12 15h.01M9 21v-4h6v4'/></svg>"); }
.ti-building-skyscraper { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 21V7l8-4 8 4v14'/><path d='M9 21v-8h6v8M8 9h.01M12 9h.01M16 9h.01M8 13h.01M16 13h.01'/></svg>"); }
.ti-home { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l7-8 7 8'/><path d='M5 12v8h14v-8'/><path d='M10 20v-6h4v6'/></svg>"); }
.ti-home-2 { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l7-8 7 8'/><path d='M5 12v8h14v-8'/><path d='M9 21v-6h6v6'/></svg>"); }
.ti-arrows-maximize { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 4h4v4M14 10l6-6M8 20H4v-4M10 14l-6 6'/></svg>"); }
.ti-arrows-horizontal { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M7 8l-4 4 4 4M17 8l4 4-4 4M3 12h18'/></svg>"); }
.ti-tools { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 21l8-8M14.5 5.5l4 4'/><path d='M9.5 6.5l-3 3 8 8 3-3z'/><path d='M16 3a3 3 0 0 1 5 5'/></svg>"); }
.ti-mail { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3 7l9 6 9-6'/></svg>"); }
.ti-map-pin { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7-6.2-7-11a7 7 0 1 1 14 0c0 4.8-7 11-7 11z'/><circle cx='12' cy='10' r='2.5'/></svg>"); }
.ti-brand-whatsapp { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 21l1.7-6.2A8.5 8.5 0 1 1 12 20.5z'/><path d='M8.5 13.5c1.5 2 4 3 6.2 1.8l.6-.4c.3-.2.4-.6.3-1l-.3-1.1c-.1-.3-.4-.5-.7-.5l-1.3.1c-.3 0-.6-.2-.7-.5l-.6-1.4c-.1-.3 0-.6.3-.8l1-.7c.3-.2.3-.6.2-.9l-.5-1.1c-.1-.3-.5-.5-.8-.4-2 .6-3.7 2.5-4.2 4.6-.4 1.8.1 3.6 1.5 5z'/></svg>"); }
.ti-photo-up { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M15 8h.01'/><path d='M12.5 21H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v6.5'/><path d='M3 16l5-5c.9-.9 2.1-.9 3 0l2 2'/><path d='M17 14v7M14 17l3-3 3 3'/></svg>"); }
.ti-brush { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 17a4 4 0 0 1 4 4H3z'/><path d='M21 3l-9.5 9.5M14.5 5.5l4 4'/></svg>"); }
.ti-calendar-check { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='5' width='16' height='16' rx='2'/><path d='M16 3v4M8 3v4M4 11h16M9 16l2 2 4-4'/></svg>"); }
.ti-checklist { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9.5 6.5L11 8l3.5-4M9.5 12.5L11 14l3.5-4M9.5 18.5L11 20l3.5-4'/><path d='M4 6h.01M4 12h.01M4 18h.01'/></svg>"); }
.ti-truck { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 7h11v10H3zM14 10h4l3 3v4h-7z'/><circle cx='7' cy='18' r='2'/><circle cx='17' cy='18' r='2'/></svg>"); }
.ti-clock { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='8'/><path d='M12 8v5l3 2'/></svg>"); }
.ti-shield-check { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/><path d='M9 12l2 2 4-4'/></svg>"); }
.ti-currency-euro { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17 5.5A7 7 0 1 0 17 18.5M6 10h8M6 14h8'/></svg>"); }
.ti-brand-instagram { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='4' width='16' height='16' rx='5'/><circle cx='12' cy='12' r='3.5'/><path d='M17.5 6.5h.01'/></svg>"); }
.ti-brand-linkedin { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='4' width='16' height='16' rx='2'/><path d='M8 11v5M8 8h.01M12 16v-5M16 16v-3a2 2 0 0 0-4 0'/></svg>"); }
.ti-player-play { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 6l12 6-12 6z'/></svg>"); }
.ti-player-pause { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 6v12M15 6v12'/></svg>"); }
.ti-volume { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9h4l5-4v14l-5-4H6zM16 9.5a3.5 3.5 0 0 1 0 5'/></svg>"); }
.ti-volume-off { --i: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9h4l5-4v14l-5-4H6zM22 9l-6 6M16 9l6 6'/></svg>"); }
