:root {
  --icon-size: 1em;
  --icon-spacer: 0.5em;
  --icon-color: #111;
  --icon-check: url("../../icons/check.svg");
  --icon-tools: url("../../icons/tools.svg");
  --icon-ecommerce: url("../../icons/ecommerce.svg");
  --icon-service: url("../../icons/service.svg");
  --icon-it: url("../../icons/it.svg");
  --icon-arrow-down: url("../../icons/arrow-down.svg");
  --icon-arrow-left: url("../../icons/arrow-left.svg");
  --icon-arrow-right: url("../../icons/arrow-right.svg");
  --icon-arrow-up: url("../../icons/arrow-up.svg");
  --icon-plus: url("../../icons/plus.svg");
  --icon-quote: url("../../icons/quote.svg");
  --icon-youtube: url("../../icons/youtube.svg");
  --icon-facebook: url("../../icons/facebook.svg");
  --icon-linkedin: url("../../icons/linkedin.svg");
  --icon-instagram: url("../../icons/instagram.svg");
  --icon-mail: url("../../icons/mail.svg");
  --icon-phone: url("../../icons/phone.svg");
  --icon-map-marker: url("../../icons/map-marker.svg");
}

.icon-before::before,
.icon-after::after {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  background-color: var(--icon-color, var(--dark-color));
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask: var(--icon) no-repeat center;
  mask: var(--icon) no-repeat center;
}

.icon-before::before {
  margin-right: var(--icon-spacer, 0.5em);
}

.icon-after::before {
  margin-left: var(--icon-spacer, 0.5em);
}

.icon-check {
  --icon: var(--icon-check);
}

.icon-tools {
  --icon: var(--icon-tools);
}

.icon-ecommerce {
  --icon: var(--icon-ecommerce);
}

.icon-service {
  --icon: var(--icon-service);
}

.icon-it {
  --icon: var(--icon-it);
}

.icon-arrow-down {
  --icon: var(--icon-arrow-down);
}

.icon-arrow-left {
  --icon: var(--icon-arrow-left);
}

.icon-arrow-right {
  --icon: var(--icon-arrow-right);
}

.icon-arrow-up {
  --icon: var(--icon-arrow-up);
}

.icon-plus {
  --icon: var(--icon-plus);
}

.icon-quote {
  --icon: var(--icon-quote);
}

.icon-youtube {
  --icon: var(--icon-youtube);
}

.icon-facebook {
  --icon: var(--icon-facebook);
}

.icon-linkedin {
  --icon: var(--icon-linkedin);
}

.icon-instagram {
  --icon: var(--icon-instagram);
}

.icon-mail {
  --icon: var(--icon-mail);
}

.icon-phone {
  --icon: var(--icon-phone);
}

.icon-map-marker {
  --icon: var(--icon-map-marker);
}

/*# sourceMappingURL=icons.css.map */