/*
 * The original Plumbio template expects a custom icon font ("font-icon"),
 * but the demo CSS does not ship with an @font-face definition.
 *
 * This file provides production-safe icon fallbacks using CSS masks + inline SVG.
 */

/* Base rule: render any `icon-*` class via a pseudo element */
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  line-height: 1;
}

[class^="icon-"]::before,
[class*=" icon-"]::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/*
 * Icon mappings (numeric classes used by the template HTML).
 * Keep this list minimal: only what is used by the Blade views / JS.
 */

/* Decorative drop background */
.icon-694055::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 2C22.5 16 10 30.7 10 41.5C10 53.9 20.1 64 32.5 64S55 53.9 55 41.5C55 30.7 41.5 16 32 2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='black' d='M32 2C22.5 16 10 30.7 10 41.5C10 53.9 20.1 64 32.5 64S55 53.9 55 41.5C55 30.7 41.5 16 32 2Z'/%3E%3C/svg%3E");
}

/* Arrow / external link */
.icon-545682::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.2 5.2L19.9 12l-6.7 6.8-1.4-1.4 4.3-4.4H4v-2h12.1l-4.3-4.4 1.4-1.4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.2 5.2L19.9 12l-6.7 6.8-1.4-1.4 4.3-4.4H4v-2h12.1l-4.3-4.4 1.4-1.4Z'/%3E%3C/svg%3E");
}

/* Play (video) */
.icon-808557::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 7.5v9l8-4.5-8-4.5Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 7.5v9l8-4.5-8-4.5Z'/%3E%3C/svg%3E");
}

/* Close (X). The upload button rotates it into a + */
.icon-748122::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18.3 5.7 12 12l6.3 6.3-1.4 1.4L10.6 13.4 4.3 19.7 2.9 18.3 9.2 12 2.9 5.7 4.3 4.3l6.3 6.3 6.3-6.3 1.4 1.4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18.3 5.7 12 12l6.3 6.3-1.4 1.4L10.6 13.4 4.3 19.7 2.9 18.3 9.2 12 2.9 5.7 4.3 4.3l6.3 6.3 6.3-6.3 1.4 1.4Z'/%3E%3C/svg%3E");
}

/* Calendar */
.icon-833593::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2Zm13 8H6v10h14V10ZM6 8h14V6H6v2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v18H4V4h3V2Zm13 8H6v10h14V10ZM6 8h14V6H6v2Z'/%3E%3C/svg%3E");
}

/* Clock */
.icon-9927001::before,
.icon-2058768::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 5v5.2l4 2.3-1 1.7L11 13V7h2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 5v5.2l4 2.3-1 1.7L11 13V7h2Z'/%3E%3C/svg%3E");
}

/* Phone */
.icon-126509::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.6 10.8c1.3 2.5 3.1 4.3 5.6 5.6l1.9-1.9c.3-.3.7-.4 1.1-.3 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C11.3 21 3 12.7 3 2c0-.6.4-1 1-1h3.7c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1.1l-2 1.9Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.6 10.8c1.3 2.5 3.1 4.3 5.6 5.6l1.9-1.9c.3-.3.7-.4 1.1-.3 1.2.4 2.5.6 3.8.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C11.3 21 3 12.7 3 2c0-.6.4-1 1-1h3.7c.6 0 1 .4 1 1 0 1.3.2 2.6.6 3.8.1.4 0 .8-.3 1.1l-2 1.9Z'/%3E%3C/svg%3E");
}

/* Location pin */
.icon-786204::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2c4.1 0 7.5 3.3 7.5 7.5C19.5 15.2 12 22 12 22S4.5 15.2 4.5 9.5C4.5 5.3 7.9 2 12 2Zm0 4.2a3.3 3.3 0 1 0 0 6.6 3.3 3.3 0 0 0 0-6.6Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2c4.1 0 7.5 3.3 7.5 7.5C19.5 15.2 12 22 12 22S4.5 15.2 4.5 9.5C4.5 5.3 7.9 2 12 2Zm0 4.2a3.3 3.3 0 1 0 0 6.6 3.3 3.3 0 0 0 0-6.6Z'/%3E%3C/svg%3E");
}

/* Star (rating) */
.icon-56786::before,
.icon-1701875::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 17.3-5.7 3 1.1-6.4L2.9 9.6l6.4-.9L12 2.9l2.7 5.8 6.4.9-4.6 4.3 1.1 6.4-5.6-3Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 17.3-5.7 3 1.1-6.4L2.9 9.6l6.4-.9L12 2.9l2.7 5.8 6.4.9-4.6 4.3 1.1 6.4-5.6-3Z'/%3E%3C/svg%3E");
}

/* Quote */
.icon-2997::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7.3 10.5c-1.7 0-3 1.3-3 3v4h6v-4c0-1.7-1.3-3-3-3Zm10.4 0c-1.7 0-3 1.3-3 3v4h6v-4c0-1.7-1.3-3-3-3ZM10.3 6.5H4.3c0-2.2 1.8-4 4-4h2v4Zm10.4 0h-6c0-2.2 1.8-4 4-4h2v4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7.3 10.5c-1.7 0-3 1.3-3 3v4h6v-4c0-1.7-1.3-3-3-3Zm10.4 0c-1.7 0-3 1.3-3 3v4h6v-4c0-1.7-1.3-3-3-3ZM10.3 6.5H4.3c0-2.2 1.8-4 4-4h2v4Zm10.4 0h-6c0-2.2 1.8-4 4-4h2v4Z'/%3E%3C/svg%3E");
}

/* Check / bullet */
.icon-646094::before,
.icon-1233103::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.2 16.2 4.9 12l1.4-1.4 2.9 2.9 8-8 1.4 1.4-9.4 9.3Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.2 16.2 4.9 12l1.4-1.4 2.9 2.9 8-8 1.4 1.4-9.4 9.3Z'/%3E%3C/svg%3E");
}

/* Wrench / tools */
.icon-154518::before,
.icon-1179233::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M22 19.6 14.4 12a6.5 6.5 0 0 1-8.2-8.2l3.1 3.1 2-2L8.2 1.8A6.5 6.5 0 0 1 16 9.6l7.6 7.6-1.6 1.4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M22 19.6 14.4 12a6.5 6.5 0 0 1-8.2-8.2l3.1 3.1 2-2L8.2 1.8A6.5 6.5 0 0 1 16 9.6l7.6 7.6-1.6 1.4Z'/%3E%3C/svg%3E");
}

/* Users (team) */
.icon-780840::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 11a4 4 0 1 0-3.4-6 4 4 0 0 0 3.4 6ZM8 11a4 4 0 1 0-3.4-6A4 4 0 0 0 8 11Zm0 2c-3.3 0-6 2.7-6 6v1h12v-1c0-3.3-2.7-6-6-6Zm8 0c-.3 0-.7 0-1 .1a7.1 7.1 0 0 1 3 5.9v1h6v-1c0-3.3-2.7-6-6-6Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 11a4 4 0 1 0-3.4-6 4 4 0 0 0 3.4 6ZM8 11a4 4 0 1 0-3.4-6A4 4 0 0 0 8 11Zm0 2c-3.3 0-6 2.7-6 6v1h12v-1c0-3.3-2.7-6-6-6Zm8 0c-.3 0-.7 0-1 .1a7.1 7.1 0 0 1 3 5.9v1h6v-1c0-3.3-2.7-6-6-6Z'/%3E%3C/svg%3E");
}

/* Pipe / plumbing line */
.icon-1889287::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h8v4h-2v3h4a4 4 0 0 1 4 4v3h2v4h-8v-4h2v-3h-4a4 4 0 0 1-4-4V7H5V3Zm2 2v5a2 2 0 0 0 2 2h6v7h4v-1h-2v-5a2 2 0 0 0-2-2H9V5H7Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 3h8v4h-2v3h4a4 4 0 0 1 4 4v3h2v4h-8v-4h2v-3h-4a4 4 0 0 1-4-4V7H5V3Zm2 2v5a2 2 0 0 0 2 2h6v7h4v-1h-2v-5a2 2 0 0 0-2-2H9V5H7Z'/%3E%3C/svg%3E");
}

/* Sewer / inspection line */
.icon-2424820::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v3H3V5Zm2 5h14l-1.1 9H6.1L5 10Zm4 2v2h2v-2H9Zm4 0v2h2v-2h-2ZM8 2h8v2H8V2Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 5h18v3H3V5Zm2 5h14l-1.1 9H6.1L5 10Zm4 2v2h2v-2H9Zm4 0v2h2v-2h-2ZM8 2h8v2H8V2Z'/%3E%3C/svg%3E");
}

/* Leak detection */
.icon-2373426::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.5 3a7.5 7.5 0 1 0 4.6 13.4l4 4-1.4 1.4-4-4A7.5 7.5 0 0 0 10.5 3Zm0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.5 3a7.5 7.5 0 1 0 4.6 13.4l4 4-1.4 1.4-4-4A7.5 7.5 0 0 0 10.5 3Zm0 2a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Z'/%3E%3C/svg%3E");
}

/* Drain / clog */
.icon-2321397::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v3H4V3Zm2 5h12v2H6V8Zm1 4h2v7H7v-7Zm4 0h2v7h-2v-7Zm4 0h2v7h-2v-7Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v3H4V3Zm2 5h12v2H6V8Zm1 4h2v7H7v-7Zm4 0h2v7h-2v-7Zm4 0h2v7h-2v-7Z'/%3E%3C/svg%3E");
}

/* Radiator */
.icon-900667::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h14a2 2 0 0 1 2 2v8h-2v4h-2v-4H6v4H4v-4H2V8a2 2 0 0 1 2-2Zm0 2v6h14V8H4Zm2 1h2v4H6V9Zm4 0h2v4h-2V9Zm4 0h2v4h-2V9Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h14a2 2 0 0 1 2 2v8h-2v4h-2v-4H6v4H4v-4H2V8a2 2 0 0 1 2-2Zm0 2v6h14V8H4Zm2 1h2v4H6V9Zm4 0h2v4h-2V9Zm4 0h2v4h-2V9Z'/%3E%3C/svg%3E");
}

/* Social icons */
.icon-733635::before {
  /* X (Twitter) */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18.9 2H22l-6.8 7.8L23 22h-6.2l-4.8-6.2L6.6 22H2l7.4-8.5L1 2h6.3l4.3 5.6L18.9 2Zm-1.1 18h1.7L6.3 4H4.5l13.3 16Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18.9 2H22l-6.8 7.8L23 22h-6.2l-4.8-6.2L6.6 22H2l7.4-8.5L1 2h6.3l4.3 5.6L18.9 2Zm-1.1 18h1.7L6.3 4H4.5l13.3 16Z'/%3E%3C/svg%3E");
}

.icon-59439::before {
  /* Facebook */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 8h2V5h-2c-2.2 0-4 1.8-4 4v2H8v3h2v7h3v-7h2.1l.9-3H13V9c0-.6.4-1 1-1Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 8h2V5h-2c-2.2 0-4 1.8-4 4v2H8v3h2v7h3v-7h2.1l.9-3H13V9c0-.6.4-1 1-1Z'/%3E%3C/svg%3E");
}

.icon-2111532::before {
  /* LinkedIn */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-1 7h2v11H3V10Zm6 0h2v1.6c.6-1 1.6-1.8 3.3-1.8 2.9 0 4.7 1.7 4.7 5.1V21h-2v-5.7c0-2.1-.8-3.3-2.7-3.3-1.7 0-2.9 1.2-2.9 3.5V21H9V10Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-1 7h2v11H3V10Zm6 0h2v1.6c.6-1 1.6-1.8 3.3-1.8 2.9 0 4.7 1.7 4.7 5.1V21h-2v-5.7c0-2.1-.8-3.3-2.7-3.3-1.7 0-2.9 1.2-2.9 3.5V21H9V10Z'/%3E%3C/svg%3E");
}

.icon-733626::before {
  /* Instagram */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm-5 4.2a3.8 3.8 0 1 1 0 7.6 3.8 3.8 0 0 1 0-7.6ZM18.2 6.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm-5 4.2a3.8 3.8 0 1 1 0 7.6 3.8 3.8 0 0 1 0-7.6ZM18.2 6.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z'/%3E%3C/svg%3E");
}

/*
 * Template CSS uses `font-family: font-icon` + unicode content for some pseudo elements.
 * Override those to avoid missing-glyph squares.
 */
.tt-list li:before,
.promo-price__list li:before,
.tt-list-info li:before,
.tt-dot-info:before {
  content: "";
  font-family: inherit;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.2 16.2 4.9 12l1.4-1.4 2.9 2.9 8-8 1.4 1.4-9.4 9.3Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9.2 16.2 4.9 12l1.4-1.4 2.9 2.9 8-8 1.4 1.4-9.4 9.3Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Back-to-top arrow (uses :after in template) */
.tt-back-to-top:after {
  content: "";
  font-family: inherit;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.2 5.2L19.9 12l-6.7 6.8-1.4-1.4 4.3-4.4H4v-2h12.1l-4.3-4.4 1.4-1.4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.2 5.2L19.9 12l-6.7 6.8-1.4-1.4 4.3-4.4H4v-2h12.1l-4.3-4.4 1.4-1.4Z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}