/* Icon system (local SVG masks)
 * Generated by generate-icons.js from requirements.json
 * To add a new icon: drop the SVG in ../img/icons/ and add a rule below.
 */

.cnm-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: -0.125em;
  pointer-events: none;
}

.icon-credit-card             { -webkit-mask-image: url("../img/icons/icon-credit-card.svg");             mask-image: url("../img/icons/icon-credit-card.svg"); }
.icon-email                   { -webkit-mask-image: url("../img/icons/icon-email.svg");                   mask-image: url("../img/icons/icon-email.svg"); }
.icon-instagram               { -webkit-mask-image: url("../img/icons/icon-instagram.svg");               mask-image: url("../img/icons/icon-instagram.svg"); }