:root {
  --icon-size: 1em;
  --icon-spacer: 0.5em;
  --icon-color: #111;
  --icon-trash: url('../../Icons/trash.svg');
  --icon-search: url('../../Icons/search.svg');
  --icon-chevron-down: url('../../Icons/chevron-down.svg');
  --icon-check: url('../../Icons/check.svg');
  --icon-x-close: url('../../Icons/x-close.svg');
  --icon-warning: url('../../Icons/warning.svg');
  --icon-research: url('../../Icons/research.svg');
  --icon-safety: url('../../Icons/safety.svg');
  --icon-quality: url('../../Icons/quality.svg');
  --icon-diagnostics: url('../../Icons/diagnostics.svg');
  --icon-healthcare: url('../../Icons/healthcare.svg');
  --icon-cosmetics: url('../../Icons/cosmetics.svg');
  --icon-food: url('../../Icons/food.svg');
  --icon-chemicals: url('../../Icons/chemicals.svg');
  --icon-profile: url('../../Icons/profile.svg');
  --icon-cart: url('../../Icons/cart.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-info: url('../../Icons/info.svg');
  --icon-pdf: url('../../Icons/pdf.svg');
  --icon-minus: url('../../Icons/minus.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-x-social: url('../../Icons/x-social.svg');
  --icon-whatsapp: url('../../Icons/whatsapp.svg');
}

.icon-before::before,
.icon-after::after {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  background-color: var(--icon-color, var(--dark-teal));
  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-trash {
  --icon: var(--icon-trash);
}

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

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

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

.icon-x-close {
  --icon: var(--icon-x-close);
}

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

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

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

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

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

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

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

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

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

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

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

.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-info {
  --icon: var(--icon-info);
}

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

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

.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);
}

.icon-x-social {
  --icon: var(--icon-x-social);
}

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

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