/* Replace arrow ligatures only; native icon elements and animation targets remain. */
body.elementor-default i.material-icons.md-arrow_outward {
  --mpls-arrow-mask: url("icons/arrow-up-right.svg");
}

body.elementor-default i.material-icons.md-arrow_forward {
  --mpls-arrow-mask: url("icons/arrow-right.svg");
}

body.elementor-default i.material-icons.md-south {
  --mpls-arrow-mask: url("icons/arrow-down.svg");
}

body.elementor-default i.material-icons:is(.md-arrow_outward,.md-arrow_forward,.md-south)::before {
  content: "" !important;
  display: block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: var(--mpls-arrow-mask) center / contain no-repeat;
  mask: var(--mpls-arrow-mask) center / contain no-repeat;
  mask-mode: alpha;
  pointer-events: none;
}